CSSでwidthの指定は%、pxどっちがいい

質問

HTML5、CSS3の記述方法で教えていただきたい事がございます。
横幅を指定する場合には、px、%、vwなどどんな単位で記述するのがいいのでしょうか。また、%とpxを混ぜて使ってもいいのでしょうか。高さも%を使うものでしょうか。

お手数ではございますが、それぞれの説明サイトはあるのですが、では実際にどれを使うのが良いかの記述はどこにもなかったので、書き込ませていただきました。

知識をお持ちの方、よろしくお願いいたします。

回答No.1

celtis

％は相対指定なので、親要素のサイズに連動して大きくなったり小さくなったりします。
ウィンドウサイズや画面サイズが変わるような環境で、見やすくレイアウトするレスポンシブデザインなどに必須の技術です。

pxは絶対指定なので、どのような環境であっても数値で指定されたサイズを頑なに守ります。
大きさを変える必要がない要素で主に使われるでしょう。

相対指定と絶対指定とについて、わかりやすく解説しているページがありました。
https://www.sejuku.net/blog/75559
https://clrmemory.com/web/css-px-em-differences/