html – firefox中的Fullsize IFrame？

我遇到了Iframes和Firefox的问题.基本上,我将一个IFrame嵌入到一个站点中,因为它占据了整个身体区域.如您所见,它与Google Chrome完美配合. I帧占据了所有的身体区域,没有导航iframe所需的滚动条.

铬：http://i.stack.imgur.com/muo3U.png

但在Firefox中,它无法正常工作.正如您在此处看到的,只有iframe的一部分可见,滚动条(它们不可见但滚动工作)必须用于导航iframe.这对我的网站来说非常缺乏吸引力.

Firefox：http://i.stack.imgur.com/6Vm1O.png

所以我想知道如何才能让它发挥作用？我搜索和搜索了所有我尝试的解决方案最终都无法正常工作.

这是我的代码和我尝试过的其他代码.

http://pastebin.com/rmdcnLuw

谢谢你的帮助！

最佳答案

你需要将你的身体和html元素设置为高度：100％

尝试这样的事情：

更好的是,将这些规则添加到CSS文件中：

body,html { height: 100%; }

你也可以试试这个：

CSS：

html,body { height: 100%; }
iframe { width: 100%; height: 100%; }

HTML：

移动frameborder和滚动到CSS的替代方案

border：none;删除iframe上的边框,而溢出：隐藏;禁用滚动并隐藏任何截断页面的内容(如原始代码).

CSS：

html,body { height: 100%; overflow: hidden; }
iframe { width: 100%; height: 100%; border: none; overflow: hidden; }

HTML：

原文地址：https://www.jb51.cc/css/427518.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。