2011-05-03 424 views
27

是否有任何规范指定IFrame的默认宽度/高度?IFrame的默认宽度/高度

我测试过的浏览器(FF,IE,Chrome)似乎使用300x150像素,但我无法在此找到任何规格。我是否应该遇到这种情况,我可以依赖这些数值还是应该始终明确设置宽度/高度?

回答

35

我在dev-tech-layout mailing list上找到了答案 - 它是CSS规范的一部分。 默认比率2:1

默认宽度的300像素在CSS规范的最后一段规定,部分上the width of inline replaced elements

否则,如果“宽度”具有“自动”的计算值,但没有上述 条件都满足,则“宽度”的使用值变为300像素 。如果300px太宽而不适合该设备,则UA应使用具有2:1比例的最大矩形的宽度,而不是适合 设备。

默认高度的为150px在CSS规范的最后一段规定,部分上the height of inline replaced elements

否则,如果“高度”具有“自动”的计算值,但没有的 上述条件满足,则“高度”的使用值必须设置 到最大的矩形的高度,比例为2:1,高度不大于150像素,宽度不大于器件宽度的 。

+0

伟大的发现!你有没有发现哪个版本的浏览器实现了这部分规范? – Gezim 2014-09-09 06:36:57

5

我会明确设置宽度和高度,以确保跨多个浏览器/平台的一致呈现,因为不能保证每个浏览器都会实现相同的默认尺寸。

<iframe src="iframePage.html" width="100%" height="300"> 
    <p>Your browser does not support iframes.</p> 
</iframe> 
+5

它并没有真正回答这个问题=( – 2013-11-09 08:36:50