img
要素を画面の 100% にスケーリング (幅) し、アニメーションで大きなパフォーマンスを維持する方法を誰かが知ることができますか?
最初の例では、width
プロパティを に設定しました100%
。テスト目的で、このフィドルでアニメーション ループを作成してパフォーマンス チャンクを確認しました: http://jsfiddle.net/tXXmm/1/。画像が親要素のによって隠されている場合、35fpsになります。overflow
width
プロパティを削除すると、同じ例で60fpsになります: http://jsfiddle.net/tXXmm/2/
2 番目の例のパフォーマンスで、最初の例と同じ結果を得る方法があるかどうかを知る必要があります。考慮してください : 画像の解像度は可変です。親要素のみがheight: 500px;
. また、私のデザインは流動的なデザインです (これが、画像の幅を画面の全幅に合わせる必要がある理由です)。
どんなソリューションでも大歓迎です (PHP、JS、CSS...)。ありがとうございました!