pxについて（letter-spacing）

Question

1px未満のpxについての質問です。
例えば、ある要素にfont-size: 18px;　letter-spacing: .025em;とした場合
文字間は0.45pxとなり、1pxを下回ります。
なのになぜ、文字間はしっかりとれるのでしょうか？
1px未満でもletter-spacingが適応される理由を知りたいです。

どなたか分かる方お願い致します。

Answer 1

私もどこが疑問なのか分からないのですが、たぶんこのへんかなあというあたりを答えますと、
パソコンが1px未満が表示できるかとは関係なく、単体では表示できない幅も複数集まれば表示できるようになります。
下図は1px単位でしか表示できないビットマップフォントで0.45pxのletter-spacingを表示させたものですが、間隔0pxと1pxが規則的に存在し、全体として平均0.45pxの間隔になっています。
考え方としては、内部的に各文字を表示すべき位置が小数点以下の精度で決まっており、1pxなどの粗い精度に丸められるのは表示時の話であるというところでどうでしょう。

Comments

[NDvP2OWLAoccEfQ]

ずばり、そこが疑問点でした！
詳細で的確なご回答ありがとうございました！

Answer 2

パソコンは1px未満は表示できないと思っていました。

「アンチエイリアス」について調べてみてください。現在のデバイスの中には1ドット=1pxで無いものもありますが、基本的に考え方は変わらないと思います。

【基本がわかる！アンチエイリアス | psgips】
https://psgips.net/photoshop-reference/anti-aliasing

【アンチエイリアス - Wikipedia】
https://ja.wikipedia.org/wiki/アンチエイリアス

Comments

[NDvP2OWLAoccEfQ]

ご回答いただき非常に身になりました。ありがとうございます。
少し自分の説明が悪かったので編集いたします。

[kei344]

編集後も回答は特に変わりませんが、もう少し具体的に何が不思議なのかを説明してください。