Gatsby Logo

フォントサイズ指定のremとpx

2020-11-18

この記事の要約

import文を相対パスで記載せず、絶対パスで記載するやり方。

要約


かつてはpx指定だとブラウザで文字サイズが変更できなかった

けど、今は

マウスのズームでもブラウザのサイズ変更でも文字が拡大縮小されていることが確認できる

ただ、

ルートがpx指定だった場合、ブラウザデフォルトの文字サイズ設定が反映されなくなることは事実です。

だけど、

設定する人レアじゃない?

DXを考えると、

px統一のほうが直感的に実装できる

けど、

remに「書き方が冗長になる」以外のデメリットはありません。

なので対応するとしたら、

Gulpですべてのpxをremに変換する(ルートの文字サイズ指定なし)

が一つの案で、

remにまつわる開発コストとユーザーメリットのトレードオフ

を考えて、

大事なのは本人が原理原則を理解した上で納得いく選択をすること

が結論。

Gatsby Tutorial Starter - Justin Formentin