CSS 部分样式为什么有的浏览器(如:IE系列)无法呈现出来?
CSS 部分样式为什么有的浏览器(如:IE系列)无法呈现出来?
- 兼容性问题,因为老版本浏览器存在大量和W3C不一致的情况,所以我们做兼容性设计。
- 其他回答:
W3C标准发展,以及浏览器厂商出于商业的考量,老版本的浏览器(尤其是IE系列)存在大量和W3C标准不一致的情况。一个在Chrome 浏览器下十分美观的网站,在IE6下很有可能惨不忍睹,对此我们不得不进行大量的兼容性设计。
如何跨浏览器设计?
跨浏览器设计有很多种解决方案。介绍通用的方法:条件注释(conditional comment)。
常用的属性前缀:
- webkit:webkit核心浏览器,包括(Chrome)谷歌浏览器、(Safari)苹果浏览器等。
- moz:(Firefox)火狐浏览器。
- ms:IE浏览器。
- o:(Opera)欧朋浏览器。
CSS 常用工具:
- 避免编写属性前缀的Prefix free插件。
- 让不同浏览器表现一致性的Normalize。
Normalize用法和其他Reset 没有任何区别,它的官网:http://necolas.github.io/normalize.css 进行下载。 - 应用Grunt自动合并压缩CSS 文件。
Grunt官网:http://gruntjs.com。如何安装,下载,操作。上网查询。