兼容性 :相同HTML标签(布局),不同的浏览器上展示效果一致。
如何解决兼容性:
1、重置文件
2、HTML文件的第一行代码为:
写和不写都不是错误
如果不写,则进行怪异模式,浏览器会以低版本进行解析。
注:低版本解析时碰到新的标签,虽然不识别新标签,但标签的内容会依然展示到页面中。
3、设计理念(开发思维)
根据不同的用户群体:
a:渐进增强:
先针对低版本浏览器进行开发,保证页面核心内容的展示
再针对高版本浏览器进行效果、交互、样式的添加
为客户提供更好的用户体验
b:优雅降级:
先针对高版本浏览器进行开发,构建一个完整的页面(交互功能)
再针对低版本浏览器进行功能的删减。
4、每个浏览器都有自己独立的内核。因此,CSS属性名前需要加前缀。
公司 浏览器 内核 前缀
谷歌 Chrome WebKit -webkit-
火狐 Firefox Gecko -moz-
苹果 Safari WebKit -webkit-
欧朋 Opera Presto -o-