媒体查询的使用
@media media-type and (media-feature) {
/* 在满足特定媒体条件时应用的CSS样式 */
}
- media-type:可选,媒体类型,例如 all(所有设备)、print(打印预览)、screen(屏幕显示)等。
- media-feature:必需,媒体特性表达式,用来描述具体的设备或浏览器环境特征,例如 min-width、max-width、orientation 等。
示例
/* 当设备宽度大于等于700px且高度大于等于800px时 */
@media screen and (min-width: 700px) and (min-height: 800px) {
.full-screen-content {
width: 100%;
height: 100%;
}
}

被折叠的 条评论
为什么被折叠?



