html - 如何使 iFrame 在 iPhone 6 中响应？

Question

我已经添加了一个 iframe，它在所有浏览器和一些设备上工作正常，但在 iphone 6 中。iframe 没有响应。它不适合 100% 的 iphone 屏幕尺寸。

我在网上找到了很多解决方案，但大多数都展示了如何在 iphone 中制作 iFrame 滚动。我不需要那个。我想让它响应并根据屏幕尺寸进行调整。

<div class="frame-container" style="position: relative; padding-bottom: 65.25%; padding-top: 30px; height: 0;">
<iframe id="frame" width="100%" height="1000px" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe >
</div>

我已经删除了上面示例中 iframe 中的 src=""

从屏幕截图可以看出，iframe 没有响应，并且出现了水平滚动条。在加载期间，iframe 是根据设备视口(viewport)的，但是一旦完全加载，iframe 就会占据整个宽度并出现水平滚动条。

检查浏览器堆栈

Answer 1

这个问题已经解决了，只需要应用这个样式。我为此做了一个内联 css。

 width: 1px;
 min-width: 100%;
 *width: 100%;

这是一个link更详细的答案