移动端知识点

一、css3新增样式

        column-count 列数 栏数

        column-width 列宽 栏宽

        columns: column-width column-count; 简写

        column-gap 列间距 栏间距

column-rule 列样式

二、媒体查询：

        @media scree and (max/min-width500px) {

                div{ }
        }

三、元数据标签：

        <meta name="keywords" content="关键字">

        <meta name="description" content="你的网页的内容">

        <meta name="viewport" content="width=device-width, initial-scale=1.0,

        maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />

        width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-

        width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）；

        height：和 width 相对应，指定高度；

        initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例；

        maximum-scale：允许用户缩放到的最大比例；

        minimum-scale：允许用户缩放到的最小比例；

        user-scalable：用户是否可以手动缩放，值为"yes"或"no"。

        

        em与re m的区别：

                em 一个文字的倍数

                继承父级元素的字体大小

                rem 一个文字的倍数

                继承根目录的字体大小