Отзывчивый css такой же ширины разной высоты

Question

Допустим, я хочу сделать свой div отзывчивым для той же ширины, но с разной высотой. Такая же ширина, но если высота отличается, она оптимизирует div, как и код ниже, но он не работает.

@media all and(min-width:1280px) and (height:768px){ 
    #myDiv{height:84%} 
} 
@media all and(min-width:1280px) and (height:1200px){ 
    #myDiv{height:97%} 
} 

Answer 1

Попробуйте этот код

@media screen and (min-width: 1280px) and (max-height: 768px){ 
 
#myDiv{height:84%} 
 
} 
 

 
@media all and(min-width:1280px) and (max-height:1200px) and (min-height: 769px){ 
 
    #myDiv{height:97%} 
 
}