响应式

媒体查询；响应式

1是什么：自适应

核心：当屏幕改变到一定大小，网页中的默写模块发生改变

2bootstrap，对媒体查询的封装

写法：写在css

@media screen and (max-width: 400px){

     有设备类型 screen 网页 手机 平板

                print 打印机

                all 所有设备

     设备特性 width height 页面大小

               device-width 设备可见大小

     min大于等于

     max小于等于

        body{

            background:red;

        }

--

CSS3写法

link写法：

<link rel="stylesheet" media="screen and (max-width:1200px)" type="text/css" href="">

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