px はもう終わり、ch が生きる道
Death to px, long live ch
Terence Eden 氏は、CSS の px 単位は物理的なピクセルと一致せず、知覚的な長さであると指摘。テキスト主体のブログでは、読みやすさのために文字幅基準の ch 単位でコンテンツ幅を設定している。パディングやマージンにも ch や ex を使うことで、テキストとの比率を保つ実験を紹介する。px を全面的に否定するわけではなく、好みに応じて使い分ける提案だ。
ピクセルは嘘である。たとえ「ピクセルパーフェクト」な精度で何かを描いているつもりでも、あなたのモニターはあなたを欺いている。
HNでの議論
75- somat
知りたいのは、誰がpxを壊すことに決めたのかということだ。これ以上、変わった物理的測定単位はもうこりごりだ。CSSにはすでにたくさんある。しかし、「おやおや、みんなpxを使っていて、新しい高DPIディスプレイは物事を本当に小さく表示している。それは困ったものだ」と言って、今やpxは便利な単位として台無しになった。
実ピクセルを使う方法はあるのか？正直、ざっと検索した限りでは見つからない。少なくとも、仕様書からは何も飛び出してこない。
- microflash
chやexの単位はラテン文字に大きく影響されることに気づきました。非ラテン文字だと、結果がおかしくなって、マジックナンバーになってしまいます。しかし、コンセプトは非常にしっかりしています。テキストに相対的な間隔を求めているなら、それらを使いましょう。
- npn
私も何年も前にchで実験をしました。60chがブロックテキストの読みやすい理想的な幅であることがわかりました。しかし、60ch幅だけでウェブサイトを作るのはかなり難しいのが残念です。
- larusso
私は少し時代遅れですが、みんながpxからemに切り替えた時代を覚えています。しばらくしてCSSに戻ってきたときには、またpxになっていて、それが4Kスクリーンで機能していました。正直、emの使用はあまり好きではなく、実際pxの方が好みでした。
- squidlib
著者のvwとvh単位へのアプローチを聞きたいです。私は特定の感覚を求めるときにこれらの単位を使う傾向があり、長年にわたって比較的うまく機能しています。chの正当化が一貫したレイアウトへの欲求に基づいていたことを考えると、言及されなかったのは驚きです。