1.设置不同屏幕下的显示方式：col-lg-2....
2.允许网页宽度自动调整：在网页代码头部加一个viewport标签
3.不能使用绝对宽度？--只能指定百分比宽度和width:auto;
4.相对大小字体：不能使用px,最好使用em
默认页面字体的大小像素是16像素
所以设置1.5em=1.5*16=24
设置0.875em=0.875*16=14
5.流式布局
流式布局是每个区块的位置都是浮动的，不是固定的，（浮动+百分比宽度）
float的好处就是如果宽度大小放不下内容时，后面元素会自动滚动到前面元素的不会在水平方向overflow溢出，避免水平滚动条出现。
6.选择加载css---用@media 解决，分别设置不同屏幕下加载的大小
7.图片的自适应--在样式中加入img{ max-width:100%;}老版本ie不支持max-width,所以写为img{ width:100%;}
原文：https://www.cnblogs.com/duanzhange/p/8986600.html