css 媒体查询屏幕高度
时间: 2023-11-21 09:57:05 浏览: 124
根据提供的引用内容,可以使用@media screen and (min-height: value)来设置CSS媒体查询屏幕高度。其中value是指定的高度值,可以是像素(px)、百分比(%)或视口高度(vh)等单位。下面是一个例子:
```css
@media screen and (min-height: 600px) {
body {
background-color: yellow;
}
}
```
上述代码将在屏幕高度大于等于600px时将body元素的背景颜色设置为黄色。如果需要设置多个屏幕高度的媒体查询,可以使用逗号分隔多个条件,例如:
```css
@media screen and (min-height: 600px),
screen and (min-height: 800px) {
body {
background-color: yellow;
}
}
```
上述代码将在屏幕高度大于等于600px或800px时将body元素的背景颜色设置为黄色。
阅读全文