CSS在不同的分辨率

Question

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

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

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

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

Answer 1

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

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

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