CSS媒体查询-物理像素-逻辑像素

媒体查询

基本使用

媒体查询是一种提供给开发者针对不同设备需求进行定制化开发的一个接口。

你可以根据设备的类型（比如屏幕设备、打印机设备）或者特定的特性（比如屏幕的宽度）来修改你的页面。

媒体查询的使用方式主要有三种：

方式一：通过@import和媒体查询结合, 实现使用不同的CSS规则；

/* @import是可以和媒体查询结合来使用  媒体查询条件: 当屏幕小于800px时显示 */
@import url(./css/body_bgc.css) (max-width: 800px);
1
2

方式二：使用media属性为