1

通常、ビューポートの高さは整数値を返します。ただし、小数点以下2桁の値を返すことに気付きました。

ビューポート単位が丸められる理由/方法は?

(さらに、ブラウザ ウィンドウのサイズを変更していませんが、100vh が 616px を返すこともあれば、616.36px を返すこともあります)

4

1 に答える 1

3

仕様では、1 単位は次のように規定されているだけvwです。

ビューポートの幅の 1%

これらの単位の 100 個が幅全体を埋める必要があるため、これはかなり正確である必要があるため、丸めはここで問題を引き起こします。

number の CSS 定義には、整数と小数が含まれます。 v2またはv3を参照してください。

整数を返すブラウザの場合、ビュー ポートが偶然にも正確に 100 で割り切れない場合、および 1vw * 100 の結果が大幅にずれている場合は、ブラウザ ベンダーにバグを報告する価値があります。

ブラウザ テストの結果...サイズの違いは、ブラウザのチャフとツールのサイズにあることに注意してください。

Firefox は確実に 4dp に計算するようです:

height: 3.06667px;
width: 6.76667px;

私が横たわっているIEの古いバージョンも同様に信頼できますが、2dpに:

height: 3.78px;
width: 6.76px

どうやって数字を取得していますか?

于 2015-10-23T21:40:17.203 に答える