IFrame的默认宽度/高度

时间:2011-05-03 15:12:51

标签: html iframe specifications

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

我测试的浏览器(FF,IE,Chrome)似乎使用300x150px,但我找不到任何关于此的规格。如果我遇到这种情况,我可以依赖这些值,还是应该总是明确地设置宽度/高度?

2 个答案:

答案 0 :(得分:42)

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

300px 默认宽度在CSS规范的最后一段the width of inline replaced elements上定义。

  

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

150px 默认高度在CSS规范的最后一段the height of inline replaced elements上定义。

  

否则,如果'height'的计算值为'auto',但没有   满足上述条件,则必须设置'height'的使用值   到具有2:1比例的最大矩形的高度,有一个   高度不大于150px,并且宽度不大于   设备宽度。

答案 1 :(得分:5)

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

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