pxではなくremを使うメリット / CSS Evolution

[hiloki]

Issueのタイトル

pxではなくremを使うメリット / CSS Evolution

質問をしたいAMAブースを選択してください

• フロントエンドの課題を啓蒙する方法 by @yhassy
• アクセシビリティ by @fukumotoy @makojo
• Progressive Web Apps by @jxck
• パフォーマンス by CyberAgent @houbin217jz
• CSS Evolution by @hiloki @cssradar
• React（仮） by @pirosikick

質問

Rootが起点であることを活かしたResponsive、Typography設計もあるとはおもいますが、現実的にはそこまで綺麗に設計されるケースというのは多くはないと考えられます。それでも今pxではなくremを使うメリットは何が考えられるでしょうか？

[Yeshi]

回答

◇会場アンケート
業務でCSS　→ほぼ全員
remを使ってる方 →7~8割

• rem派。とあるアクセシビリティ要件でremにしないとズームがうまくいかないものがあるため。
• しかしピクセルでもいいのでは。IE6はテキストだけがズームするためにremが必要。今のブラウザは画面全体がズームする。
• タイポグラフィを凝る場合、remだと計算が大変。
• rem、正直計算がしんどい。苦しい。
• remはデザイナーにとって直感的でない問題。16pxなのか…？

【会場質問】フォントサイズを単位にした「rem」をレイアウトのサイズ指定に使うのってそもそもあり？

• どの単位を使うのか、と言うよりタイポグラフィをどう考えるか。
• 二つ大きく、グリッド（縦）、バーティカルリズム（横）というものがレイアウトとして存在する。そこで考え方が違う。
• タイポグラフィをベースに設計すると、バーティカルリズムを大事にしようということでやることが多い。remを使うことに納得感がある。フォントをベースにしたスペーシングの設計。
• 「同じスペースを作りたい」という要件に対してどちらからスタートするか。