媒体查询高度页 css

【问题标题】：Media Queries Height Pag css媒体查询高度页 css
【发布时间】：2021-10-25 20:46:56
【问题描述】：

@media screen and (min-width: 799px) and (max-width: 800px) { }

我有一个分辨率为 800x600 和另一个 800x400 的网站。宽度始终相同，但高度不同。如何将页面的高度设置为 600 和 400？

【问题讨论】：

【解决方案1】：

您可以在媒体查询中使用max-height 使网站响应高度

1 使用逗号表示不同的规则

@media screen and (max-width: 995px), 
   screen and (max-height: 700px) {
   ...
}

2.使用和

@media screen and (max-width: 995px)and (max-height: 700px) {
   ...
}

【讨论】：

【解决方案2】：

您可以使用此代码分配不同的高度

@media (min-height: 400px) and (max-height: 600px) and (min-width: 799px) and (max-width: 800px) { ... }

【讨论】：