5

HTMLページでdivをスケーリングしようとしています。このdivには、多くのキャンバス要素とその他のdiv要素が含まれています。基本的に、このdivは、ページ内の他のすべてのアイテムのコンテナとして機能します。Chrome「23.0.1271.95m」とIOS6.0サファリでは、このdivの右側と下部にあるアイテムは、スケーリング後に表示されません。ウィンドウのサイズを変更する(またはiPadの向きを変更する)と、divが正しくスケーリングされ、アイテムが表示され始めますが、特定のサイズになると再び消えます。

これは、IOS5.0および以前のchrome/safariバージョンで正常に機能していました。これは最新のWebkitバージョンのバグですか?また、この動作を回避するための回避策はありますか?

4

1 に答える 1

11

私はこの長い間解決策を持っていましたが、この投稿を更新するのを忘れていました。これは、クロムによって行われるレイヤーの構成が原因で発生します。translate3d(0px、0px、0px);を追加してください。変換文字列内。これを追加すると、アイテムの新しいレイヤーが作成され、問題が修正されます。:)レイヤー構成の詳細については、こちらをご覧ください:http: //www.chromium.org/developers/design-documents/gpu-accelerated-compositing-in-chrome

于 2014-12-17T04:51:51.717 に答える