如何在iPhone 6中使iFrame响应？

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是根据设备视口进行的,但是一旦完全加载,iframe将获取整个宽度并显示水平滚动.

检查浏览器堆栈

Answer 1

这个问题解决了,只需要应用这个样式.我做了一个inline-css.

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

这是一个更详细的答案的链接