响应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

试试此代码

＆＃13;

＆＃13;

@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%}
}

＆＃13;

＆＃13;

＆＃13;