爲什麼我的整個自定義樣式表在某個屏幕寬度上被忽略？

我正在使用Bootstrap 3，並在我的頭文件中鏈接了框架CSS和自定義CSS文件。直到我從Bootstrap 2遷移到3並且一路上改變了其他一些東西（不幸的是我無法確定發生這種情況的時刻），移動設備和桌面設備之間的一切工作都正常。我幾乎沒有改變我的自定義CSS文件，除了組織它和小編輯。爲什麼我的整個自定義樣式表在某個屏幕寬度上被忽略？

基本上，我的自定義CSS工作得很好，直到窗口調整到842或843px左右。我很難過，因爲我甚至沒有把它用作任何媒體查詢，我也不認爲Bootstrap有。整個文件的樣式在該尺寸和較小尺寸下會被忽略。

這裏是我的頭看起來像（我使用PHP）：

<!DOCTYPE html> 
<html lang="en"> 
<head> 

<!-- Meta --> 
<title><?=$section?><? if ($page){ echo ": ".$page; } ?> &middot; UI Pattern Library</title> 
<meta name="HandheldFriendly" content="True"> 
<meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" name="viewport"> 
<meta content="width=device-width" name="viewport"> 
<meta charset="utf-8"> 
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">--> 

<!-- Favicon --> 
<link rel="shortcut icon" href="favicon.ico" /> 

<!-- Styles --> 
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css" > 
<link rel="stylesheet" type="text/css" href="assets/css/style.css"> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>

如果是顯著的一切，我也快要從CSS切換到LESS和剛剛下載第三方編譯器和將我的文件添加到它。但是，我沒有鏈接我編譯的CSS文件，只是我的原始文件。

來源

2014-02-18 katgarcia

呀,,,不要做這個'最大規模= 1.0;'這是UX差 –

'''屬性應該用'，'分開';' – Xareyo

你能發佈一個鏈接到這個網站嗎？ – GSaunders

原來我確實有我沒閉上自定義樣式表一個鬆散的媒體查詢...

來源

2014-02-18 17:01:48 katgarcia

爲什麼我的整個自定義樣式表在某個屏幕寬度上被忽略？

回答

相關問題