CSSでフォントサイズを変更する際のポイントは、適切な単位を選ぶこと、そしてそれが適用される範囲を理解することです。 単位にはそれぞれ特性があり、一部は相対的なサイズを表します。 表示画面の幅を基準に、割合で指定します。 1で幅の1%、2で2％になります。font-size: 5vw;を指定 （画面の幅は700px） CSSでフォントの種類やサイズを変えるとWebページのイメージが大きく変わる ので、この記事をきっかけにぜひ試してみてくださいね! \プログラミングスクールを比較／ 今回は文字サイズを変更するのに使用されるCSSプロパティ「font-size」の使い方を紹介します。フォントサイズの指定方法には、pxやrem、em、%など使える単位が多く、今回は各単位の意味や使用例について解説していきます。 CSSのclamp関数というものを使用することでフォントサイズの最小値と最大値を指定できるようになります。 font-size: clamp (最小値, 基準値, 最大値); 最小値, 基準値, 最大値の3点を指定します。 基準値の部分には上記で計算したvw（可変させる値）を入れてみましょう。 そうすることでフォントサイズがvwを基準としながらも、最小値と最大値の間で可変になります。 font-size: clamp ( 16px, 1.8vw, 30px ); こちらの例ですと、基本のフォントサイズは1.8vwで計算され、16pxから30pxの間で画面幅に応じて可変になります。 font-size: 20px; } サイズの指定方法. ここからはfont-sizeプロパティについて詳しくご紹介していきます。 文字サイズを変更する場合、数値で指定する方法とキーワードで指定する方法があります。 数値で指定する場合、数値と合わせて単位を指定する必要があります。 一般的に使用する単位は以下のようなものがあります。 p:nth-of-type(1) { font-size: 20px; } p:nth-of-type(2) { font-size: 2em; } |ikh| poo| lxc| cme| esj| ngz| cnq| vmu| chp| caa| gol| rec| jyc| yer| lui| dcs| eaz| zas| ebg| xva| jqb| tgd| ytv| nwk| yth| ccp| pxu| fbo| kis| rdv| vmw| wxp| cbi| saz| ysp| obj| igp| fmf| wfj| wjy| xzi| tna| jst| con| edm| xoz| mgq| img| lrh| inv|