css3新增样式

css新增样式：

column-count：3；列数

column-width：100px；列宽

简写：column：width count；

column-gap：2em；列间距

column-rule：2px #f00 outset；

媒体查询：

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

.list{

width:;

height:;

}

}

自适应布局：屏幕分辨率变化时，位置会变化但大小不会变化，需要开发多套。

响应式布局：只需要开发一套，布局没有变化，大小会变化。

移动端：meta标签

<meta name="viewport" content:"width=device-width,intital-scale=1.0,maxmum-scale=1.0,minimum-sacle=1.0,use-scalable=no"/>

inital-scale:初始缩放比例

maximu-scale：允许用户缩放的最大比例

如果有滚动条：加box-sizing=border-box;变怪异盒子模型