javascript - 重新设计具有固定大小的站点

Question

事实证明这真的很有趣，我在这个网站 媒体查询中得到了我的问题和回复，并调整了现成的网站 现在似乎他们只针对“宽度”，那么屏幕的高度呢，那个长宽高短？

我想将我的 topmenu+body+footer 调整到 800px 的高度，并且还尝试了

@media all and (min-height: 768px) and (max-height: 959px) {
div#container{
  position:relative;
  margin:0 auto; 
  height:70%;
  min-height:70%;}

div#content {
  min-height: 350px;
}
}                  

但它没用。

Answer 1

您可以使用以下方法检测纵向或横向：

/* Portrait */
@media screen and (orientation:portrait) {

}

或者

/* Landscape */
@media screen and (orientation:landscape) {

}

或者，如果您想更精确：

@media screen and (device-aspect-ratio: 16/9) {

}

或者，更常用的：

@media all and (max-height: 1000px) and (min-height: 700px) {

}