bootstrap
css响应式布局
1.自适应(%)
2.@media媒体查询
3.1em=16px→浏览器的默认值(相对body,会继承)
4.1rem=16px→浏览器默认值→只针对app端而且只针对字体大小(相对html值,不会继承)
css布局
1.@media sreen and(min-width:1000px){} pc端
2.@media sreen and(min-width:768px)and(max-width:999px){}平板端
3.@media sreen and(max-width:767px){}手机端