解决兼容性

兼容性 ：相同HTML标签（布局），不同的浏览器上展示效果一致。

如何解决兼容性：
1、重置文件

2、HTML文件的第一行代码为：
写和不写都不是错误
如果不写，则进行怪异模式，浏览器会以低版本进行解析。
注：低版本解析时碰到新的标签，虽然不识别新标签，但标签的内容会依然展示到页面中。

3、设计理念(开发思维)
根据不同的用户群体：
a：渐进增强：
先针对低版本浏览器进行开发，保证页面核心内容的展示
再针对高版本浏览器进行效果、交互、样式的添加
为客户提供更好的用户体验
b:优雅降级：
先针对高版本浏览器进行开发，构建一个完整的页面（交互功能）
再针对低版本浏览器进行功能的删减。

4、每个浏览器都有自己独立的内核。因此，CSS属性名前需要加前缀。

公司 浏览器 内核 前缀
谷歌 Chrome WebKit -webkit-
火狐 Firefox Gecko -moz-
苹果 Safari WebKit -webkit-
欧朋 Opera Presto -o-