HTML番外篇(五)-移动端适配

一、媒体查询

1.认识媒体查询

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

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

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

• 方式一：通过@media和@import使用不同的CSS规则（常用）；

  

• 方式二：使用media属性为