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;
    }
}

Примечание: кажется, что вы пытаетесь настроить таргетинг на экраны высотой 768 пикселей, фактическая высота, используемая браузером, будет меньше.