iframe没有在iphone上调整大小

Question

我已经将一个javascript应用程序用于构建wordpress到wordpress网站，大多数浏览器和一些Android手机上的一切看起来都不错，但只有部分应用程序显示在iphone上，有没有办法强制iphone浏览器调整iframe的大小，以便app也可以在iphone上使用。

P.S：如果你看一下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 */
    }
}