当前位置： 文江博客 话题详情

IFrame 的默认宽度/高度

发布于 2024-11-05 03:51:29 字数 124 浏览 0 评论 0 原文

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

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

原文

Is there any spec specifying the default width/height of an IFrame?

Browsers I tested (FF, IE, Chrome) seem to use 300x150px but I couldn't find any spec on this. Should I ever come in the situation, can I rely on these values or should I always set width/height explicitly?

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（2）

梦旅人picnic 2024-11-12 03:51:29

我在 dev-tech-layout 邮件列表——它是 CSS 规范的一部分。 默认比率为2:1。

300px的默认宽度在CSS规范的最后一段中定义，内联替换元素的宽度。

否则，如果“width”的计算值为“auto”，但没有一个
满足上述条件，则“width”的使用值变为
300 像素。如果 300px 太宽而无法适应设备，UA 应使用
比例为 2:1 且适合的最大矩形的宽度
设备代替。

150px的默认高度在CSS规范的最后一段中定义，内联替换元素的高度。

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

I found the answer on the dev-tech-layout mailing list -- it's part of the CSS spec. The default ratio is 2:1.

The default width of 300px is defined in the last paragraph of the CSS spec, section on the width of inline replaced elements.

Otherwise, if 'width' has a computed value of 'auto', but none of the
conditions above are met, then the used value of 'width' becomes
300px. If 300px is too wide to fit the device, UAs should use the
width of the largest rectangle that has a 2:1 ratio and fits the
device instead.

The default height of 150px is defined in the last paragraph of the CSS spec, section on the height of inline replaced elements.

Otherwise, if 'height' has a computed value of 'auto', but none of the
conditions above are met, then the used value of 'height' must be set
to the height of the largest rectangle that has a 2:1 ratio, has a
height not greater than 150px, and has a width not greater than the
device width.

回复 原文
痕至 2024-11-12 03:51:29

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

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

I would set the width and height explicitly to ensure consistent rendering across multiple browsers/platforms as there is no guarantee that every browser will implement the same default dimensions.

<iframe src="iframePage.html" width="100%" height="300px">
  <p>Your browser does not support iframes.</p>
</iframe>
回复 原文
~没有更多了~

关于作者

李不

暂无简介

0 文章
0 评论
24 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

lorenzathorton8

文章 0 评论 0

Zero

文章 0 评论 0

萧瑟寒风

文章 0 评论 0

mylayout

文章 0 评论 0

tkewei

文章 0 评论 0

17818769742

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文