媒体查询；响应式
1是什么：自适应
核心：当屏幕改变到一定大小，网页中的默写模块发生改变
2bootstrap，对媒体查询的封装
写法：写在css
@media screen and (max- 400px){
有设备类型 screen 网页 手机 平板
print 打印机
all 所有设备
设备特性 width height 页面大小
device-width 设备可见大小
min大于等于
max小于等于
body{
background:red;
}
--
CSS3写法
link写法：
<link rel="stylesheet" media="screen and (max-1200px)" type="text/css" href="">
关键字：media="screen and (max-1200px)；