响应式

媒体查询；响应式
当屏幕发生改变 自适应更改css样式
核心：当屏幕改变到一定大小，网页中的默写模块发生改变
2bootstrap，对媒体查询的封装
写法：写在css
@media screen and (max-width: 400px){
有设备类型 screen 网页 手机 平板
print 打印机
all 所有设备
设备特性 width height 页面大小
device-width 设备可见大小
min大于等于
max小于等于
body{
background:red;
}

CSS3写法
link写法：

关键字：media="screen and (max-width:1200px)；