本文主要是介绍前端开发中的部分兼容性问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
一般网页通过IE6、IE7、IE8、Firefox5+、Chrome、Safari测试。
IE内核浏览器:360(双核),傲游,搜狗,世界之窗,腾讯TT;
Firefox内核:Gecko
Chrome内核:webkit(Blink)
Safari内核:webkit
Opera内核:Blink
兼容性问题:
(1)IE6双倍边距问题。在使用了float的情况下 ,不管是向左还是向右都会出现双倍,最简单的解决方案是display:inline;加到CSS里面去。
(2)文字本身的大小不兼容问题。同样是font-size:14px的宋体文字,在不同的浏览器下占用的空间是不一样的。在IE下实际占高16px,下留白3px;在Firefox下实际占高17px,上留白1px,下留白3px;在Opera下就更不一样了。解决方案:给文字设定line-height。确保所有文字都有默认的line-height值。这点很重要,在高度上我们不能容忍1px的差异。
(3)在Firefox下容器高度限定,即容器定义了height之后,容器边框的外形就确定了,不会被内容撑大,而在IE下是会被内容撑大的,高度限定失败。
(4)横向上的内容撑破容器问题。如果float容器未定义宽度,在Firefox下内容会尽可能撑开容器宽度,在IE下则会优先考虑内容折行。所以,内容可能撑破的浮动容器需要定义width。
(5)浮动的清除,在Firefox下须清除浮动。
这篇关于前端开发中的部分兼容性问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!