首页 > 代码库 > 响应式

响应式

媒体查询;响应式
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);

响应式