【问题标题】:Iframe exceeds a div in a parent web pageiframe 超出父网页中的 div
【发布时间】:2017-06-27 17:49:02
【问题描述】:

我在 iframe 比 div 长一点的父网站中嵌入了一个视频。

请参考下图:

如果我们将 iframe 视为填充部分,将 div 视为未填充部分,我们可以看到 iframe 超出了 div 并且 div 之外的 iframe 甚至不可见。任何人都可以建议 iframe css 更改以便我可以申请吗?我无法更改 div,因为它不受我控制(嵌入我的视频的第三方网站),而且出于同样的原因,我也无法将 javascript 应用于 iframe。我只是可以应用 css 来调整 iframe 的大小。

iframe 代码如下:

<iframe style="width: 500px; height: 100%;" title="test" src="/my/src/video" ></iframe>

我已尝试更改宽度:100%,但问题存在。谁能推荐一下。

【问题讨论】:

  • 您能否提供此地址所在的 URL。
  • @SleekGeek 对不起。我无法提供它所在的 url,因为我们需要登录凭据。您能否根据我的解释以其他方式提出建议?
  • 既然宽度是固定的,请尝试将iframe的最大宽度设置为100%,并确保父元素的位置设置为“相对”
  • 试过宽度:400px?

标签: javascript jquery html css iframe


【解决方案1】:

试试

<iframe width="100%" style="height: 100%" title="test" src="/my/src/video" >  </iframe>

【讨论】:

  • iframe 的宽度作为属性是不允许的。据说我无法控制父站点,它会自动删除宽度属性。 @大卫
  • 那么你就只能尝试 max-width 或更小的宽度值了。 iframe 的所有者(谢天谢地)对其嵌入方式的控制非常有限。你可能做不到,但是这个问题应该由控制父页面的人来解决
  • 我试过 max-width:100% 但不幸的是,它没有用。 :( 你能告诉我是否可以使用 css 控制 iframe 的大小吗?@David
猜你喜欢
  • 2016-09-07
  • 2014-09-06
  • 2019-05-27
  • 2014-11-23
  • 1970-01-01
  • 2017-11-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多