我已经添加了一个 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=""
最佳答案
我们可以将 padding-bottom 设置为 75%。所以需要为此提供高度,因为填充底部将管理高度。 而且我们不设置宽度,因为它会随响应元素自动调整大小。 将“溢出”设置为“隐藏”可确保任何内容突出到该元素之外。
如果假设无法正确对齐,则尝试使用//"iframe{max-width:100%;}"
关于html - 如何使 iFrame 在 iPhone 6 中响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34505184/