iframe 全屏而不是滚动？

Posted 2023-03-05

【中文标题】iframe 全屏而不是滚动？

【英文标题】：Iframe fullscreen instead of scrolling?

【发布时间】：2022-01-23 20:45:04

【问题描述】：

我确实搜索过是否已经有答案，并且有一些相关的答案，但代码不同。老实说，我不确定这是 html 还是 javascript。我没有网络开发经验。

这就是粘贴到我的 WordPress 网站的内容。

<iframe src="https:"some address" style="border:none; min-height: 700px; width: 1px; min-width: 100%; *width: 100%;" name="site" frameborder="0" margin margin   referrerpolicy="unsafe-url" allowfullscreen></iframe>

scrolling

【问题讨论】：

欢迎来到 SO Ermin，首先你在html 中犯了很多错误，如果你做的很匆忙，而不是花时间发布评论问题，或者尝试一些可用的教程互联网

我没有创建它。它来自一个电子邮件营销网站，该网站在制作着陆页后为您提供嵌入代码。

【参考方案1】：

尝试添加滚动(scrolling="no") 属性来移除滚动。

<iframe src="https://***.com/" style="border:none; height:100vh; width: 100%;" name="site" frameborder="0" margin margin   referrerpolicy="unsafe-url" scrolling="no" allowfullscreen></iframe> 

scrolling 已被弃用，我想我们应该使用 CSS。

你可以在你的 styleSheet 或者 HTML 页面的 <style> 标签内添加它

iframe 
  overflow-x:hidden;
  overflow-Y:hidden;

【讨论】：

scrolling attr 已弃用。 developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe

确实摆脱了滚动，但我希望登陆页面占据全屏。由于现在滚动消失了，我看不到整个登录页面（内容）。从一开始我的目标就是让着陆页全屏显示，这样滚动就不会出现（或不可见）。

我添加了 height=100vh 这应该可以解决您的全屏问题。请检查！

您的意思是在您已经建议的内容之上还是本身？因为它本身不会改变任何东西。

再次复制