CSSの単位がたくさんあり何を使えばよいか迷った時に、フォント、スペース、ポジション、要素の幅・高さに最適な単位は

CSSには便利な単位がたくさんあります。よく使用する単位として絶対単位（pxなど）や相対単位（em, rem, %など）をはじめ、Gridの単位（fr）やビューポート単位（vw, vhなど）があります。いくつかの単位は使う場所が限られていますが、複数もしくはどこにでも使用できる単位もたくさんあります。 Webサイトやスマホアプリでフォントのサイズ、スペース、ポジション、FlexboxとGrid、要素の幅または高さに使用する場合、どのようにCSSの単位を選べばよいのかを紹介します。 What CSS length unit should you use? 以下は、そのフローの解説です。 フローの入り口は、下記のように分かれています。 ポジショニング、ディテール・エフェクトに適したCSSの単位 スペースに適したCSSの単位 フォントサイズに適したCSSの単位 FlexboxとGridに適したC

[coliss]

CSSの単位をどのように選べばよいのかの指針

[tohokuaiki]

なるほどですね～。俺は雰囲気でemやremを使っている。意味はぼんやりとしかわかっていない。これからもぼんやりとやっていきます。（ダメ…）

[otchy210]

多すぎる単位とそれぞれの微妙に異なる効果を見て、レンダリングエンジンを実装する側の苦労に想いを馳せるなどした。

[adsty]

CSSの単位が迷うほどに多過ぎる。

[mayumayu_nimolove]

cssっていまだに人や制作会社によって書き方バラバラなんだよな。基本的に統一しようとしない。

[cielonlon]

このあたり、ほんとになじめていない。。。パッと見だと乱立している印象しかないのだけど、ちゃんと体系だっているのだろう？

[kijtra]

ほぼ全て em と rem で事足りてるけど、印刷用に pt とか mm なんかもたまに使う。

[nekoline]

増やした分だけ減らしてほしい。似たようなものが増えても選択に疲れるだけ。

[sawasawa12]

自社のコーティングルール見直し用

[nobiox]

CSSの単位をどのように選べばよいのかの指針

[xlc]

font-sizeに関しては基本となるサイズをpxで指定し、見出しサイズなどは%で指定するのが王道だと思っていたが、違うのか？