如何避免CSS中的在不同浏览器中产生差异

html-css014

如何避免CSS中的在不同浏览器中产生差异,第1张

那就要通过添加私有前缀或hack来给不同内核的浏览器进行个性化设置了。事实上,如果是标准浏览器(Chrome、FireFox、Safari、IE9+等),一般是不存在差异的,即使有也是很小的(如果使用了尚未成为标准的css3新属性,则可能造成较大的差异,这可以通过前缀来解决,或尽量不使用这些属性)。

真正麻烦的是非标准浏览器(IE5/6/7/8),它对很多css属性的解析都是跟css标准存在差异的,而且它还有很多自己特有的(css标准里没有的)属性。通常的解决办法,是专门给IE浏览器设计css(其他标准浏览器则用另一个css),里面可以尽情利用微软自己的解决方法来达到与标准浏览器一致或差不多的效果。当然,有些差异是不可能完全消除的,遇到这种情况,我的建议就是放弃,众口难调是客观现实,把时间精力浪费在这里会得不偿失。

<meta http-equiv = "X-UA-Compatible" cotent = "IE=edge,chrome=1"/>

这样写可以达到的效果是如果安装了GCF,则使用GCF来渲染页面,如果没安装GCF,则使用最高版本的IE内核进行渲染。Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器。