1.媒体查询
- 媒体查询定义浏览器在何种媒体环境中使用指定的css样式表。
- 可以在以下几个地方使用：
link元素的media属性style元素的media属性@important声明的媒体描述符部分@media声明的媒体描述符部分
2.特性查询
- 根据用户代理是否支持特定的CSS属性及其值的的功能。
- 用法为
@supports(属性名称: 属性值;) { 样式 } - 识别到
()内的组合值则应用该样式，否则跳过 - 与媒体查询一样，支持逻辑运算符
- 特性查询和媒体查询可组合使用
- 特性查询具体到某个属性值而不是属性名称是因为某些属性值不能全部的被支持，无否保证正确性。
