一、响应式布局

使用响应式布局可以使一个网页适应多个设备，可以通过媒体查询来实现响应式布局

二、媒体查询

语法：@media 类型{  }

媒体类型：all，所有设备

                  print，打印设备

                  screen，有屏幕的设备

                  speech，屏幕阅读器

可以通过逗号连接以使用多个类型

可以在媒体类型前加only,表示只有，用于判断浏览器是否兼容