UIのブレークポイント間でフォントサイズが決まっている時に、自然にフォントサイズを大きくするやり方です。
目次
実際のコード
.sample-class {
/* 300px~561pxにかけてフォントサイズを2upするので、2/(561-300)=0.007662835249042=(丸めて)0.00766 */
font-size: calc(20px + (0.00766 * (100vw - 300px)));
}
UIのブレークポイント間でフォントサイズが決まっている時に、自然にフォントサイズを大きくするやり方です。
.sample-class {
/* 300px~561pxにかけてフォントサイズを2upするので、2/(561-300)=0.007662835249042=(丸めて)0.00766 */
font-size: calc(20px + (0.00766 * (100vw - 300px)));
}
ブログ始めたばかりのITエンジニアです。
まずは内容ボロボロでも投稿すること自体を目的にして、少しずつ改善していきます!