高度为 100% 的全屏 iFrame
问题: 是否支持 iframe height=100%所有浏览器?
在 XHTML 1.0 Transitional 中,会height=100% 的 iframe 占顶部另一个框架中 50px 的固定高度后,取剩余页面的高度?主要浏览器(IE、Firefox、Safari)是否支持此功能?另外,即使指定了scrolling="no",如何才能完全隐藏滚动条,以及如何自动设置iframe高度?
答案:
而使用框架集可能是一种替代方法,iFrame 也可以满足要求。
iframe 高度和滚动条:
要确保全屏高度(100%)并隐藏滚动条,请使用以下代码:
<body>
滚动条抑制的其他样式:
<body>
隐藏全宽滚动条:
<body>
通过将父元素的overflow:hidden,滚动条被隐藏。 iframe 扩展至 150% 宽度和高度,迫使滚动条超出页面边界。这消除了可见的滚动条,同时确保 iframe 完全占据剩余的页面高度。
以上是如何实现跨浏览器100%高度全屏iFrame并隐藏滚动条?的详细内容。更多信息请关注PHP中文网其他相关文章!