フォントに関して悩むことがあり、自分がよく躓く部分、調べなおす部分を追記していこうと思う。
先ずは1つから
【ブラウザワイドが狭まると同時にフォントサイズを縮小させたい時】
→ 画像に文字を載せた時のように文字も縮小させたい
scss
【vwはブラウザ幅に対して1/100のサイズを保つ】
font-size: 1vw;
<使用例>
レスポンシブでは、
・PCサイズは通常指定
・タブレットサイズ(tab)で使用するのがおススメ
・スマホサイズ(sp)でvwを使用してしまうと小さくなりすぎるので通常指定
<きっかけ>
・背景に画像を持ってきたい
・ブラウザ全面を背景にしたいのではなく素材の高さや幅が全部見えていないとなりたたない背景
・長文のテキストを載せたい
・テキストは自分で打ち込み、背景だけ画像素材で用意
上記の状態に対して心配したのが
・レスポンシブでタブレットサイズはワイドが動的で背景に収まってた文章もワイドが狭まると文章がしたに伸びるはみ出るので対策したい