媒体查询的使用

@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%;}
}