10

CSS プロパティに浮動小数点値を使用すると、レンダリングのパフォーマンスに何らかの影響があるという既知の問題はありますか。特にモバイルデバイスでは?

私の場合は JavaScript でボーダーの幅を設定していますが、iPhone4 では浮動小数点値を使用すると時間がかかるようです。

4

2 に答える 2

2

CSSプロパティのパーセンテージの問題である場合width、浮動小数点値が尊重され、もちろんパフォーマンスがわずかに低下しますが、これはブラウザー自体に大きく依存します。たとえば、widthプロパティのピクセルは四捨五入されていますが、実際に最も近い数、床数、または天井数に四捨五入されているかどうかは定義されていません。ただし、幅に小数(浮動)ピクセル値を使用する場合、IE9とFF4は最も近いピクセルに丸められるように見えますが、Opera 11、Chrome、Safariは小数点以下を切り捨てます。

ページの描画時にCSSwidth番号が丸められた場合でも、値全体がメモリに保存され、後続の子の計算に使用されます。たとえば、100.4999pxのdivボックスが100pxにペイントされている場合、幅が50%の子は、.5*100ではなく.5*100.4999として計算されます。など、より深いレベルに進みます。

em親の幅がで、子の幅がであり%、上流に小数点以下4桁までを含める、深くネストされたグリッドレイアウトシステムでは、顕著な影響がありました。

于 2012-12-21T09:17:54.837 に答える
2

いいえ、問題はないはずです。少なくとも、これが私が思うことをテストする場合:

http://jsperf.com/float-css-props

于 2012-12-21T09:18:12.683 に答える