【问题标题】:Default width/height of an IFrameIFrame 的默认宽度/高度
【发布时间】:2011-08-17 19:38:35
【问题描述】:

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

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

【问题讨论】:

    标签: html iframe specifications


    【解决方案1】:

    我在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 像素,宽度不大于 设备宽度。

    【讨论】:

    • 很棒的发现!您是否发现哪个浏览器的哪个版本实现了规范的这一部分?
    【解决方案2】:

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

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

    【讨论】:

    • 它并没有真正回答这个问题 =(
    • 当然可以:“我应该始终明确设置宽度/高度吗?”
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-02-11
    • 2016-08-02
    • 2016-08-09
    • 1970-01-01
    • 2012-07-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多