@davidjbradshawの素晴らしい iframe リサイザーをiframe テスト ページで使用しています。デスクトップ ブラウザー (テスト済みの Chrome、Safari、および Firefox) でページを読み込むと、画面の幅を小さくしておいても、読み込みとサイズ変更は問題なく行われるため、モバイル デバイスでも同じように応答すると思います。しかし、そうではありません。
iPhone でページを表示すると、幅が正しく収まるように変更されません。したがって、iframe を水平方向に拡張します。
奇妙なことに、私の iPhone で@davidjbradshaw のサンプル ページにアクセスすると、それらは完全に正常に動作し、本来すべきこと (幅のサイズ変更) を行っているように見えます。そうは言っても、ブートストラップなどを使用していることを考えると、彼の例はそれほど複雑ではありません。しかし、コードでJSエラーもまったく発生していません。
さらに、 iPhone で直接 iframe のソースに移動すると、適切に読み込まれ、幅とすべてがサイズ変更されます (twitter ブートストラップ 2.3.1 を使用しているため)。
はい、head.js の部分を削除し、iframeResizer.contentWindow.min.js読み込まれたスクリプトを</body>タグの前の下部と head に配置してテストしました。それらのどれも効果がないようです。