【发布时间】:2011-08-17 19:38:35
【问题描述】:
是否有任何规范指定 IFrame 的默认宽度/高度?
我测试的浏览器(FF、IE、Chrome)似乎使用 300x150px,但我找不到任何规格。如果我遇到这种情况,我可以依赖这些值还是应该始终明确设置宽度/高度?
【问题讨论】:
标签: html iframe specifications
是否有任何规范指定 IFrame 的默认宽度/高度?
我测试的浏览器(FF、IE、Chrome)似乎使用 300x150px,但我找不到任何规格。如果我遇到这种情况,我可以依赖这些值还是应该始终明确设置宽度/高度?
【问题讨论】:
标签: html iframe specifications
我在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 比例的最大矩形的高度,具有 高度不大于 150 像素,宽度不大于 设备宽度。
【讨论】:
我会明确设置宽度和高度,以确保跨多个浏览器/平台的一致呈现,因为不能保证每个浏览器都会实现相同的默认尺寸。
<iframe src="iframePage.html" width="100%" height="300px">
<p>Your browser does not support iframes.</p>
</iframe>
【讨论】: