@media queries - 爲什麼css規則會推翻另一個呢？

即時通訊使用的媒體查詢爲max-width: 768px; 和已經把CSS規則的元素作爲left: 80px;@media queries - 爲什麼css規則會推翻另一個呢？

然後BENEATH此我有另一個媒體查詢靶向的800像素最大寬度並且在我有同樣的元件設置爲left: 94px;

但是，當我將屏幕大小更改爲較小的768並檢查螢火蟲left: 80px;的規則劃掉了，left: 94px;被跟着。

任何想法爲什麼？

2012-09-25 John

你能告訴我們的媒體選擇器和CSS規則有問題嗎？ –

因爲'max-width'' 800px'覆蓋'768px'，因爲你在768px之後調用它，所以使用'min-width'代替它 –

doh！這很簡單。謝謝你Arpit。 – John

因爲max-width:800px覆蓋768px，因爲你把它768px後，所以用min-width代替它

2012-09-25 13:43:07

因爲max-width 800px覆蓋768px，因爲你把它768px後，所以用min-width代替它 - Arpit Srivastava

2012-09-25 13:42:30 John

回答