通常、ビューポートの高さは整数値を返します。ただし、小数点以下2桁の値を返すことに気付きました。
ビューポート単位が丸められる理由/方法は?
(さらに、ブラウザ ウィンドウのサイズを変更していませんが、100vh が 616px を返すこともあれば、616.36px を返すこともあります)
通常、ビューポートの高さは整数値を返します。ただし、小数点以下2桁の値を返すことに気付きました。
ビューポート単位が丸められる理由/方法は?
(さらに、ブラウザ ウィンドウのサイズを変更していませんが、100vh が 616px を返すこともあれば、616.36px を返すこともあります)
仕様では、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
どうやって数字を取得していますか?