@media screen and (width: 375px) and (height: 812px) { .container { padding-bottom: 70px; } }
时间: 2024-02-20 16:01:23 浏览: 162
gulp-px2rem:这是node-px2rem的gulp插件
这是一个移动端媒体查询语句,意思是当屏幕宽度为375像素,高度为812像素时,应用以下CSS样式:
```
.container {
padding-bottom: 70px;
}
```
这个样式规则会为一个class名为"container"的HTML元素添加一个70像素的padding-bottom属性值。这个查询语句适用于苹果iPhone X、XS、11 Pro等设备,因为它们的屏幕分辨率为375 x 812像素。当设备屏幕符合这个条件时,容器元素的底部将会留出70像素的空白区域。
阅读全文