html - iframe 不会在 iphone 上调整大小

Question

我已经包含了一个用于在 wordpress 网站中构建板块的 javascript 应用程序，在大多数浏览器和一些 android 手机上看起来一切正常，但只有一部分应用程序显示在 iphone 上，有没有办法强制使用 iphone 浏览器调整 iframe 的大小，以便该应用程序也可以在 iphone 上使用。

PS：如果您从 iphone 浏览器查看链接，您就会知道我的实际意思。

http://www.my-plates.co.uk/show-number-plates-builder/

谢谢

Answer 1

您可以使用百分比宽度和 的组合max-width：

#yourIFrame {
    width: 100%; /* or whatever width you want it to be on the iPhone */
    max-width: 500px; /* or whatever its original width was */
}

您还可以使用媒体查询：

@media (max-width: 500px) { /* or the minimum width in order to trigger the resizing */
    #yourIFrame {
        width: 100%; /* or any other width, can be in px too */
    }
}