Mobile Safari の iframe で CCS3 変換を使用すると問題が発生します。iframe で使用する-webkit-transform: scale();と、それに応じて iframe のコンテンツがスケーリングされますが、iframe 内のリンクが破損します。
要素をタップするとヒットボックスが強調表示され、リンクのヒットボックスがスケーリングされていないように見えます。リンクをタップすると、iframe がスケーリングされていない場合にリンクがあった場所にヒットボックスが表示されることがわかります。
これは、変換の原点をどこに設定しても、リンクが左上隅から離れているほど悪化します。
これをテストしている同じページは、コンピューターの Safari と Chrome で完全に動作するため、これは Mobile Safari のバグであると思われます。
これは既知の問題ですか? 誰かが回避策を知っていますか? zoom プロパティを使用してみましたが、コンテンツではなく iframe のサイズを変更するだけです。
ここに例をアップロードしました: http://trrrm.com/iframe/ iOS デバイスでこれを開いて iframe 内のリンクをクリックすると、私の言いたいことがわかります。
助けてくれてありがとう！