浏览器兼容性 --- 兼容性考虑的通用技术

1、Normalize.css --- 可以实现基本的跨浏览器“默认样式”的一致性；

2、html5shiv.js --- IE 9 以下兼容 html5 的方法；

3、Respond.js --- 一个快速、轻量的 polyfill，用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性，实现响应式网页设计。一般和 html5shiv.js 搭配使用；

4、bootstrap 的那一套栅格布局系统，非常的经典。对应的样式设置如下：

.col-xs-* 针对超小屏幕 手机（<768px）

.col-sm-* 小屏幕 平板 (≥768px)

.col-md-* 中等屏幕 桌面显示器 (≥992px)(栅格参数)

.col-lg-* 针对特大的（≥1200px）

5、bootstrap 支持可视化布局，网址：https://www.bootcss.com/p/layoutit/#。然后下载代码使用；

6、vw、vh、vmin、vmax 可以作为未来的一种通用的布局方案：

vw：viewpoint width，视窗宽度，1vw等于视窗宽度的1%。
vh：viewpoint height，视窗高度，1vh等于视窗高度的1%。
vmin：vw和vh中较小的那个。
vmax：vw和vh中较大的那个。