Html Iframe在iphone上不调整大小

我已经在wordpress网站上加入了一个javascript应用程序，在大多数浏览器和一些android手机上看起来一切正常，但只有一部分应用程序显示在iphone上，有没有办法强制iphone浏览器调整iframe的大小，这样应用程序也可以在iphone上使用

附言：如果你在iphone浏览器上看到这个链接，你就会明白我的真正意思

---

谢谢

您可以使用百分比宽度和

最大宽度的组合：

#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 */
    }
}