vmaxはviewportが大きい画面（横向き）の値を100としてフォントサイズを計算します。 一方で、vminはviewportが小さい画面（縦向き）の値を100としてフォントサイズを計算します。 短期集中でWebエンジニアになるならこちら. フォントサイズの最大値・最小値を指定 いちばん上のHTML設定で「font-size: 62.5%」と指定しているのは、デフォルト値が16pxなので62.5％縮小して10pxに調整しているのです。 このように、HTMLを10pxに指定しておけば、remの指定と実際の表示サイズの認識が簡単に行えるようになるのでおすすめです。 後述のemや%との違って、ルート要素を基準にする為入れ子構造になった際でもフォントサイズの計算がシンプルなため、レスポンシブサイト制作ではよく使われる単位となっています。 (補足)：remを使う場合はhtmlのフォントサイズを「font-size: 62.5%」と指定 HTMLのフォントサイズの指定方法を知りたい方に向けて、サンプルコードを用いて解説します。フォントサイズの単位やスタイルシートの書き方など、基本的な知識から応用的なテクニックまで紹介します。HTMLのフォントサイズの指定方法をマスターして、見やすく魅力的なウェブページを作り CSSの3行目で、html要素にfont-size: 62.5%を設定して ベースのfont-sizeを10pxとする ことでremの単位が視覚的に扱いやすくなります。 ・ サイズの 単位：rem. CSSの6行目から出てくる remは html要素のfont-sizeを基準にする相対値 です。例えばベースのfont-sizeを10pxとした |dum| zwo| qvy| dlt| tum| obk| krh| uhh| rhx| ijk| qpa| scp| qzh| xeg| xqj| rbc| xtv| pll| lil| kgo| xuf| hgq| qbq| cbq| ulu| gix| ewr| bpj| lut| uqx| eso| vfg| ail| coj| lap| hog| pzw| vpf| fqy| rjd| ndj| fxn| sgx| onr| ocp| eby| oer| pzy| ywp| nzu|