CSSの単位px、em、remはどれをどこで使用するのがよいか、ピクセルとアクセシビリティにおける意外な真相
2022/06/07 09:49
coliss
CSSの単位pxとrem(em)のどれをどこで使うべきか。
2022/06/07 11:56
deep_one
rem知らなかった…rootでのemか。emが「mの幅ぐらい」というの書いてないな。何文字分ぐらいの幅がいるという時にemで指定するから、テキストボックスの幅はemじゃないか。
2022/06/07 12:39
misarine3
remにこだわりまくるケースたまにあるけど、sassかませないとコントロール面倒なんだよな。
2022/06/07 12:59
ttkazuma
? "こういった経験を重ね、特定の状況で何をすべきかを自分の目で確かめることで、強い直感を養うことができます。"
2022/06/07 13:51
soratomo
line-heightとかfontに絡む部分にはrem使うことあるけど、それ以外は使ってないなぁ。62.5%テクニックは、開発者都合のテクだと思うので最近は使うのを避けてる。
2022/06/07 14:55
yasu-log
ダイナミックタイプ対応(font: -apple-system-body;)もして欲しい派。
2022/06/07 14:56
nicht-sein
最後のCSS変数を使うパターン、いいな。そう言えばcss変数は数値始まりもありなのか
2022/06/07 15:32
tamanecoplus
ゼロからデザイン組むならrem一択。既存のデザインに手を加えるなら現行の単位指定に従うのが無難。
2022/06/07 16:02
spark7
「ルートフォントサイズを62.5%;にして」ルートを10pxにするのと何が違うんだろ。/ さらにルートのブラウザのフォント設定サイズみたいのに反応するのか。
2022/06/07 16:25
ckom
文字のサイズはpx,remで迷えど、図形/レイアウト的なサイズはpxだと画面サイズの違う端末で事故るのでvwとcalcがどんどん増えてきます。
2022/06/07 17:16
hirose504
ちゃんと理解したい
2022/06/07 17:48
mayumayu_nimolove
最近はpx使う。calcやsassでvw可変させる。remもpxも絶対値なのでどっちでもいいけど、わかりやすいpxの方が良い。emいらない。
2022/06/07 17:58
tmyk_kym
メモ
2022/06/07 18:06
xlc
見出し(h1とか)の font-size 指定は % でするのが手癖になっているのだが、まずいのかな。ブラウザのデフォルト値が確か % 指定なんで、それを上書きする意図で同じ単位を使ってる。後は form 内で font-size: 100%; をよく使う。
2022/06/07 18:11
helldeath
コリスはたまにこういう俺的に超ありがたい記事を出してくれるので一目置いてます。
2022/06/07 18:20
ejointjp
メディアクエリの指定以外はほぼrem一択だけど、フォントサイズに比例して要素の余白を変えたいときとかはemもある。でも最近はすべてをシンプルにってことでやっぱりrem一択。
2022/06/07 18:48
Phenomenon
IEのこと考えなくて済むようになったからrem活用できるようになった。
2022/06/07 19:24
remonoil
基本はrem、1pxとかのみpx
2022/06/07 20:16
Keisuke69
rem難しい…
2022/06/07 22:36
kuroaka1871
remもemもpxも使ってしまう。。。
2022/06/07 22:54
nlogn
emが組版において「mの幅」に由来していることを説明しておいた方がいい。CSSにはないが、enは「nの幅」でem の半分の長さ。
2022/06/07 23:06
toblog
適した要素に適した単位をつければ良いと思う派だけど、rem一択の人ってまさかborderとかにまでrem使うの?
2022/06/07 23:17
kvx
アクセシビリティをなにも考えず左右もrem使ってしまって後悔。上下ならいいけど。ただ文字以外にrem使う必要ないな。
2022/06/08 00:03
xxxxxxxxlarge
脳死でhtml{10px}で1.6remとかやるよりは16pxでやったほうがいい。てか、ちゃんとrem理解してスタイル当ててるコード見たことないわ。
2022/06/08 07:12
fujibay1975
LPは見出しが命。 最近は、 見出しはmin関数でvwと最大値をpx、 本文はpx、余白はem。あと強調したい文字はemでジャンプ率だけ指定。
2022/06/08 08:50
junkin_au
ブラウザのズームやスケールを考慮することが重要。 細かいお話は記事を読んでみてね。