IFrame的默认宽度/高度

Question

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

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

Answer 1

我在dev-tech-layout邮件列表中找到了答案- 它是CSS规范的一部分.该缺省比值为2:1.

的默认宽度的300像素在CSS规范的最后段落中所定义,上部内嵌的宽度替换元素.

否则,如果'width'的计算值为'auto',但不满足上述任何条件,则'width'的使用值将变为300px.如果300px太宽而无法适合设备,UA应使用比例为2:1的最大矩形的宽度,而不是适合设备.

该默认高度的为150px在CSS规范的最后一段规定,对部分内嵌的高度替换元素.

否则,如果'height'的计算值为'auto',但没有满足上述任何条件,那么'height'的使用值必须设置为具有2:1比率的最大矩形的高度,高度不大于150px,宽度不大于设备宽度.

Answer 2

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

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