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

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