IE8 开发人员工具中“布局”一项待改进

作者:vkvi 来源:千一网络(原创) 日期:2009-3-31

对比下面两个图,左边是 IE8 的开发人员工具中的“布局”,右边是 Chrome 的开发人员工具中的“布局”。

IE 8的开发人员工具中的“布局”Chrome 的开发人员工具中的“布局”

可以看出:IE8 中指示的物件的大小是 154x24;Chrome 中指示的物件的大小是 150x20。IE8 中长和宽都多了 4 个像素。

那是不是说明物件在 IE8 和 Chrome 中显示出来就不一样大呢?

不是的,在 HTML 中,已经通过 div 制作出标尺(宽度加背景色),确定了我们要观察的两个物件在 IE8 和 Chrome 中的尺寸是一样的。

那为什么在开发人员工具中,IE8 中认为的宽度和宽度要大些呢?原来 IE8 中把边框加进去了,仔细观察发现边框是 2,加起来恰好是 4。

IE8 在这里沿用的是 IE5、IE6 的思想,宽度包括边框,纵然它在解释 CSS 时宽度和边框是分开的。真搞不懂 IE8 在这里为什么要这样设计,误导人,从布局的框架图来看,边框 2 是在 154x24 的外围,很容易让人认为 154x24 是不包括边框的。

个人认为有待改进。

你前面那位网友看了:处理 IIS 5 中无法 Request.Form 100K 数据的程序

▲▲▲嘿,欢迎转载传播本站原创文章,尽量保留来源噢。▲▲▲

文章评论
标题:必填
内容:
本站永远终止与捏造“罪名”不支付广告费的某度联盟合作。
vkvi
vkvi

作者简介: vkvi,致力于 .NET Web 开发、移动开发的技术推广,在 .NET、SQL Server、Windows Server 等方面有深入研究和丰富经验,10 年间共计撰写文章 4000 余篇。 主持金融、国土、农业、电商等多个行业项目执行, 推行“技术提升生产力、人心决定成功率”的管理理论。 联系他