css不同分辨率的不同填充

Question

如果我的分辨率为1366x768px，如果它高于768，那么我怎么能将填充设置为0然后我希望填充在顶部为60

这是我到目前为止所尝试但它无法正常工作（尝试使用min-height，max-height等）。还有其他解决办法吗？

@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高屏幕，浏览器使用的实际高度将会更低。