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在不同的分辨率

回答

相关问题