美文网首页前端干货搜集
web前端开发中浏览器兼容问题(六)

web前端开发中浏览器兼容问题(六)

作者: 博为峰51Code教研组 | 来源:发表于2016-12-01 17:01 被阅读10次

26.border:none与border:0的区别

体现有两点:

1、理论上的性能差异

2、浏览器兼容性的差异。

1、性能差异:

【border:0】把border设为“0“像素虽然在页面上看不见,但按border默认值理解,浏览器依然会对border-width/border-color进行渲染,即已经占用了内存值。

【border:none】把border设为”none“即没有,浏览器解析”none“时将不作出渲染动作,即不会消耗内存值。

2、兼容性差异:

兼容性差异只针对IE6、IE7与标签button、input而言,在win、win7的XP主题下均会出现此现象。

当border为”none“时对IE6、IE7无效边框依然存在,如下图所示:

当border为”0“时对IE6、IE7,如下图所示:

当border为”0“或者”none“时Firefox下显示一致,如下图所示:

27.不同浏览器margin和padding差异较大

显示区别

对于IE,父元素用text-align:center;可实现父级元素内的子元素居中,

对于FF,子元素需要用margin:0 auto。

28.在IE6中无法设置微型高度

显示区别

相关文章

网友评论

    本文标题:web前端开发中浏览器兼容问题(六)

    本文链接:https://www.haomeiwen.com/subject/okoxmttx.html