0

iFrame を含む div を含む Web ページがあります。div を縮小するために webkit-transform を適用しました。iOS と同様にデスクトップ ブラウザではこれは正常に機能しますが、Android 4.0.x では iFrame のコンテンツが切り詰められて表示されます。切り捨ての量は、発生するスケーリングの量に比例します。つまり、div を 0.5 に縮小すると、縮小された iFrame の 50% のみが表示されます。

このリンクは Android ストック ブラウザでテストできます。iFrame は正しい領域をカバーしていますが、表示されるコンテンツはその 50% ですらあります。興味深いことに、スケールが 1 を超える場合、この問題は発生しません。

この動作は、すべての Android 4.0 デバイスと一部の 4.1 デバイスでも必ず再現されます。

この問題の回避策を提案してください。

4

1 に答える 1

0

iframe (コンテナ) のサイズを変更していますが、コンテンツ (iframe) がコンテナのサイズと一致しない場合。iframe のコンテンツを表示するスクロールが表示されます。iframe に scroll = "no" がある場合、その内容はカットされます。iframe 内に含まれる要素に width = "100%" を配置するようにしてください。お役に立てば幸いです(7か月後)。

于 2014-08-29T15:25:38.290 に答える