插件布局与网格布局

flexible.js - 阿里 淘宝插件
        - 针对于750px的设计图设置
        - 阿里系的软件都使用这种适配方式(自动设置dpr)
    使用方法
        - 需要把视口标签删除
        - 引入相应的js文件 script src
        - 计算方式: 物理像素/100 = rem

网格布局的概念:将页面划分为网格 规定元素在网格中的位置
    属性:display
    属性值:grid (网格属性要给父级元素添加)
        - 容器:设置了网格属性的元素
        - 项目:网格布局下面的直接子级元素

1.设置网格属性display:grid 默认是没有样式的 可以通过浏览器的控制台点击显示网格线

2.设置网格的宽和高
        - grid-templete-columns 列/宽度
        - grid-templete-rows 行/高度
    属性值:有多个项目就需要设置多少个属性值
        - 常用的绝对单位 px
        - % 百分比
        - auto 自动
        - 混用
        - fr(自适应单位-所占的份数) fraction