【问题标题】:Iframe fullscreen instead of scrolling?iframe 全屏而不是滚动?
【发布时间】: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" marginheight="0px" marginwidth="0px" width="100%" height="100%" referrerpolicy="unsafe-url" allowfullscreen></iframe>

scrolling

【问题讨论】:

  • 欢迎来到 SO Ermin,首先你在html 中犯了很多错误,如果你做的很匆忙,而不是花时间发布评论问题,或者尝试一些可用的教程互联网
  • 我没有创建它。它来自一个电子邮件营销网站,该网站在制作着陆页后为您提供嵌入代码。

标签: javascript html iframe


【解决方案1】:

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

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

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

你可以在你的 styleSheet 或者 HTML 页面的 &lt;style&gt; 标签内添加它

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

【讨论】:

  • 确实摆脱了滚动,但我希望登陆页面占据全屏。由于现在滚动消失了,我看不到整个登录页面(内容)。从一开始我的目标就是让着陆页全屏显示,这样滚动就不会出现(或不可见)。
  • 我添加了 height=100vh 这应该可以解决您的全屏问题。请检查!
  • 您的意思是在您已经建议的内容之上还是本身?因为它本身不会改变任何东西。
  • 再次复制
猜你喜欢
  • 2015-12-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-09-03
  • 1970-01-01
  • 2021-10-29
相关资源
最近更新 更多