pxではなく、rem (単位)を使うべき理由

web browser上でroot font sizeを変更した場合に、pxだと大きさが変わらない

自分の視覚に合わせて、root font sizeを変更したとしても無視されるということ

例

画面左は、Chromeの設定画面

画面右はCodepen

font-size を 16px と 1rem で書いたものを並べている

pxで指定したものはサイズが変わらない