回答編集履歴
1
文言
test
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
CSS 指定された長さは、Chrome 内部では「テキスト、アプリ、その他の項目のサイズを変更する」の値を掛けて扱います。**18 * 1.25 = 22.5** ですがフォントサイズに関しては切り捨てのようで、22 ピクセルのフォントを使います。で、物理的には22ピクセルの行の高さになりますが、CSSで指定された値との整合性を取るために、`offsetHeight` プロパティや DevTools での表示では物理サイズを「テキスト、アプリ、その他の項目のサイズを変更する」の値で割って返します。**22 / 1.25 = 17.6** になるわけです。
|
|
5
|
+
CSS で指定された長さは、Chrome 内部では「テキスト、アプリ、その他の項目のサイズを変更する」の値を掛けて扱います。値が 125% だと **18 * 1.25 = 22.5** ですが、フォントサイズに関しては切り捨てのようで、22 ピクセルのフォントを使います。で、物理的には22ピクセルの行の高さになりますが、CSSで指定された値との整合性を取るために、`offsetHeight` プロパティや DevTools での表示では物理サイズを「テキスト、アプリ、その他の項目のサイズを変更する」の値で割って返します。**22 / 1.25 = 17.6** になるわけです。
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
「テキスト、アプリ、その他の項目のサイズを変更する」の値が100%の整数倍ではないと、こういう誤差はどうしても発生してしまいます。
|
|
9
|
+
「テキスト、アプリ、その他の項目のサイズを変更する」の値が100%の整数倍ではないと、こういう誤差はどうしても発生してしまいます。ウェブサイトを開発する際は100%の整数倍にしておくことをお勧めします。
|