H5移动页面自适应手机屏幕四类方法

https://blog.csdn.net/baidu_36847344/article/details/64441851

px转rem的网站

http://mxd.tencent.com/wp-content/uploads/2014/11/rem.html

column

column-count:3; column-width:列宽

column-gap:2em;

column-rule:2px #f00 outset

媒体查询

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

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

.list{

width: 100%;

height: 100px;

}

}

meta: