What is the CSS ‘ch’ Unit?
I keep seeing authors and speakers refer to the ch unit as meaning “character width”. This leads to claims that you can “make your content column 60 characters wide for maximum readability” or “size images to be a certain number of characters!” Well… yes and no. Specifically, yes if you’re using fixed-width fonts. Otherwise, mostly no. This is because, despite what the letters ch might imply, c
ch単位を使ったカラム幅指定 - Weblog - Hail2u.net
コンテンツのカラム幅は半角英数で45から75文字という説がある。それをem単位に直すとおおよそ25emから35emと考えられるが、実際にはフォントの横幅に依存する。一方CSSにはch単位というフォントの横幅によって変化する単位がある。ということはこの単位を幅や横方向の余白に利用すると、使用されるフォントに応じてカラム幅が適切に変化するはずだ……が、そうは問屋が卸さなかった。 利用はそれほど難しくない。ch単位は半角数字の0の横幅で決定されることさえ頭に入れておけばそれでよい。45から75文字を直すならそのまま45chから75chになるわけだ。一部でどうしても(r)em単位と組み合わせたい場合も出てくるだろうが、その場合はcalc()関数を使える。これでぱっと見はうまくいく。 しかしながらウェブフォントとの相性が非常に悪い。ウェブフォントの読み込み中と読み込み完了後でch単位の基準が変わって
CSSの長さの単位「ch」について検証してみた。 - Photosynthesic blog
こんにちは、みみです。 この記事「デザインで WordPress に貢献しよう – WordCamp Tokyo 2018 1日目コントリビューターデイレポ その2 – Photosynthesic blog」にも書いたIssueで出てきたプルリクを眺めてて面白いツッコミを見つけたので、ちょっと調べてみました。 chという単位のほうがこの場合いいんじゃない？みたいなことなんですが、chってなんだっけ？そういやそんなのあったけれど、そんな単位だったっけな？と思って。 <length>- CSS: Cascading Style Sheets | MDN Represents the width, or more precisely the advance measure, of the glyph “0” (zero, the Unicode character U+0030) in the
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
