Html firefox中的全尺寸IFrame？_Html_Css_Google Chrome_Firefox_Iframe

Html firefox中的全尺寸IFrame？

html css google-chrome firefox iframe

Html firefox中的全尺寸IFrame？,html,css,google-chrome,firefox,iframe,Html,Css,Google Chrome,Firefox,Iframe,我在Iframes和Firefox方面有问题。基本上，我将IFrame嵌入到站点中，因为它占据了整个身体区域。正如你在这里看到的，它与谷歌浏览器完美配合。I-frame占据了整个身体区域，不需要滚动条来导航iframe 铬：但在firefox中，它不能正常工作。正如您在这里所看到的，只有iframe的一部分是可见的，并且必须使用滚动条（它们是不可见的，但可以滚动）来导航iframe。就我的网站而言，这很不吸引人火狐：所以我想知道我怎样才能让它工作？我搜索了又搜索，我尝试的所有解决方案最终都

我在Iframes和Firefox方面有问题。基本上，我将IFrame嵌入到站点中，因为它占据了整个身体区域。正如你在这里看到的，它与谷歌浏览器完美配合。I-frame占据了整个身体区域，不需要滚动条来导航iframe

铬：

但在firefox中，它不能正常工作。正如您在这里所看到的，只有iframe的一部分是可见的，并且必须使用滚动条（它们是不可见的，但可以滚动）来导航iframe。就我的网站而言，这很不吸引人

火狐：

所以我想知道我怎样才能让它工作？我搜索了又搜索，我尝试的所有解决方案最终都不起作用

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

谢谢你的帮助

在你的css中试试这个：

iframe { display:block; width:100%; border:none;}

您需要将
主体
和
html
元素设置为
高度：100%

试着这样做：

<html style="height: 100%">
<body style="height: 100%">
    <div style="width:100%; height:100%; background-color:transparent;">
    <iframe src="http://www.google.com/" width="100%" height="100%" frameborder="0" scrolling="no"></iframe>
  </div>
</body>
</html>

您也可以试试这个：

CSS:

HTML:

，这是我尝试过的代码，很抱歉原始帖子没有让我发布两个以上的链接。再次感谢您的帮助

scrolling=“no”

是HTML属性，而不是CSS。您可能会想到溢出：隐藏@ChrisMorris，谢谢你的建议。我把事情搞混了。现在我已经改了。也谢谢你的回复！遗憾的是，在firefox中应用这个css并没有改变任何东西：/，它只是在iframe中不断显示网站的第一季度顶部。@ChristianaHetchsfranco，我对iframe了解不多。但您可以在Mozilla中使用firebug，并可以暂时尝试不同的更改。因此，如果你成功了，你可以将更改提交到你的项目中。谢谢你的帮助。^。我现在就把它解决了，不确定这是否是正确的方法，但它奏效了。^^谢谢你的回复！遗憾的是，这些选项都不起作用：/firefox只是不想遵守它>。奇怪。这对我有用。你在pastebin上给出的代码-这就是全部代码吗？是的，这就是全部代码，我实际上在做的是将html嵌入wordpress页面，我只是想知道发生了什么，基本上我认为firefox可能在读取iframe Css之前读取wordpress Css，因为它看到“高度=100%”已经为wordpress页面声明了，它在iframe css中忽略了它，并且没有应用它，但是我发现如果我将iframe的css更改为“height=1000px”，firefox会完美地应用它，所以我想，我只是想知道我尝试iframe的网站的高度有多少像素，它看起来应该很完美。^啊，我明白了。那是很有可能的，是的。我必须手动设置iframe高度（内联），因为由于某些原因，Chrome无法将“高度=100%”正确应用于iframe。

body, html { height: 100%; }

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

<html>
<body>
      <iframe src="http://www.google.com" frameborder="0" scrolling="no"></iframe>
</body>
</html>

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

<html>
<body>
      <iframe src="http://en.wikipedia.org"></iframe>
</body>
</html>