現在、とに基づいて、ウィンドウのサイズ変更イベントでjQueryを使用して一部の要素の幅と高さを設定していwindow.innerWidth
ますwindow.innerHeight
。
このようなもの:
$(".gr1").css("height", (window.innerHeight - 150) + "px");
そして、これらはいくつかの他の例です:
$(".gr2").css("width", ((window.innerWidth / 2) - 12).toString() + "px");
$(".box1").css("height", ((window.innerHeight - 150) / 3 - 12).toString() + "px");
$(".box2").css("height", ((window.innerHeight - 150) / 2 - 12).toString() + "px");
これは、Chrome 21 (Windows) でのレンダリングが少し遅く、iPad と Nexus 7 タブレットでのレンダリングが遅すぎます。gr1
( 、gr2
、クラスbox1
を持つ要素が多いため)box2
パフォーマンスを向上させるために Pure CSS でこれを行うことはできますか? どのように?