Q&A
プログラミング初学者です
今学習中のCSSでのサイズ指定単位の使い方がよくわかりません。
参考サイトの例で、font-size: 62.5%;
font-size: 2rem
font-size: 1.2em
などと出てくるのですが、まず、%、rem、emその他単位の使い方がよくわかりません。
また、62.5%や1.2emに設定することでどう変化していくのかも理解できないです。
どなたか丁寧に説明していただけたら幸いです
回答1件
0
ベストアンサー
文字サイズは、何も指定しないと16pxで、
16px * 0.625 = 10pxとなります。これをhtmlタグに指定することによって、
サイト全体のフォントや余白の指定を1em = 10px、1.2em = 12px、2.4em = 24px..など"指定しやすく"するのが目的だそうです。
以下、参考になるかと思います。
参考URL:
謎の数字、{font-size: 62.5%;}ってなに？
CSSのfont-sizeが%とかemとかremとかvwで指定されてると、ビビっちゃう君と僕を救う2分
【CSS】font-sizeの使い方！pxやrem、％などの使い分けも解説
↓個人の好みも含まれます。会社の後輩には以下のように伝えています。
- まず覚えるのは「px」と「em」
- 次に覚えるのは「rem」
- 「%」「vw」「vh」は知識として身につけておく程度でOK。1年に1回使うかどうか
- 「pt」は使わないでください
個人的に、<html>タグにfont-size: 62.5%;を指定する方法を採用していないので上記のような判断になっています。関わったプロジェクトでfont-size: 62.5%;などが使用されている場合は「%」も覚えるようにしてください。
投稿2020/04/06 22:04
編集2020/04/06 22:17
総合スコア4528
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。