CSS媒体查询

CSS媒体查询

@media语法：

    @media[mediatype][and|not|only]([mediafeature]){
    /*css code*/
    }

常用mediatype

every device can utilize this feature. the printing function is mainly applied to printers and print preview. the display screen primarily serves for computer screens, tablets, and smartphones.

常用mediafeature
max-width 输出设备中页面的最大显示区域宽度，在该宽度较小时，默认情况下会启用相关CSS规则
max-height 输出设备中页面的最大显示区域高度，在该高度较小时，默认情况下会启用相关CSS规则
min-width 输出设备中页面的最小显示区域宽度，在达到或超过该宽度时，默认情况下会启用相关CSS规则
min-height 输出设备中页面的最小显示区域高度，在达到或超过该高度时，默认情况下会启用相关CSS规则
-webkit-min-device-pixel-ratio 设备