是否有任何规格指定IFrame的默认宽度/高度?
我测试的浏览器(FF,IE,Chrome)似乎使用300x150px,但我找不到任何关于此的规格。如果我遇到这种情况,我可以依赖这些值,还是应该总是明确地设置宽度/高度?
答案 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>