CSS在不同的分辨率

不同的墊襯如何設置填充到0時，我有分辨率1366x768px如果高於768的話，我想填充在60之上CSS在不同的分辨率

這是我試過到目前爲止，但它不是工作（嘗試最小高度，最大高度等）。任何其他解決方案？

@media (min-height: 768px) { 
    body{ 
     padding-top: 0px; 
    } 
} 
body { 
    padding-top: 60px; 
    padding-bottom: 0px; 
    margin: 5%; 
}

因此，當我的分辨率小於786px時，如何刪除填充？

來源

2014-12-06 Night5talker

將@media查詢更改爲下面的body類。在Css文件中，您需要在該特定類之後編寫第一個一般類以覆蓋上面的類。 – yugi 2014-12-06 15:55:32

請看看css特異性如何工作：http://css-tricks.com/specifics-on-css-specificity/ – Zenorbi 2014-12-06 16:08:23

您以錯誤的順序指定了規則。他們應該是：

body { 
    padding-top: 0; 
    padding-bottom: 0; 
    margin: 5%; 
} 
@media (min-height: 768px) { 
    body { 
     padding-top: 60px; 
    } 
}

注：好像你正在嘗試的目標768px高大屏幕，通過瀏覽器使用的將是更小的實際高度。

來源

2014-12-06 15:55:25

CSS在不同的分辨率

回答

相關問題