Webkit のバグ [1] で困っています。簡単に言うと、iframe に -webkit-transform: scale(x) を指定した祖先がある場合、iframe のコンテンツは 2 倍にスケーリングされます。これが発生しているプラットフォームは iOS5 (Safari と UIWebView の両方) です。iOS4、iOS6、および最新のナイトリー ビルドの Webkit でテストしましたが、再現できません。したがって、この問題は新しいリリースで修正されているようです。
バグ コメント [2] の 1 つに記載されている回避策を試しましたが、問題は完全には解決しません。それが機能するためには、最初に -webkit-transform-style: preserve-3d を追加し、次にタイムアウト内で -webkit-transform: scale(x) を同じ要素に追加する必要がありました。これは受け入れられますが、継承されたプロパティが iframe の祖先のいずれかで変更された場合、回避策は無効になり、コンテンツは再び 2 倍にスケーリングされます。
この問題を回避するより良い方法を知っている人はいますか?
リンク:
[1] バグへのリンク: https://bugs.webkit.org/show_bug.cgi?id=15676
[2] 回避策の説明 : https://bugs.webkit.org/show_bug.cgi?id=15676#c10