ホームページ > 記事 > ウェブフロントエンド > CSSのremの特徴は何ですか
CSSのremの特徴は何ですか
- 王林オリジナル
- 2020-11-11 10:58:193359ブラウズ
CSS の rem の特徴は、要素のフォント サイズを設定するために rem を使用する場合、相対サイズであることに変わりはありませんが、[.b{font-size などの HTML ルート要素に対して相対的なサイズになります。 : 2rem; //ここではちょうど 8px;}]。
このチュートリアルの動作環境: Windows 10 システム、CSS3、この記事はすべてのブランドのコンピューターに適用されます。
rem: (ルート要素、つまり HTML に相対)
rem は CSS3 の新しい相対単位です。em との違いは、rem を使用してフォントを設定する場合です。要素のサイズ。依然として相対的なサイズですが、HTML ルート要素に対してのみ相対的です。使用方法は非常に簡単で、ルート要素のサイズを変更することで値を変更できます (rem と em は似ていますが、相対要素が異なります)
(学習ビデオ共有: java ビデオ チュートリアル)
px: (固定)
pxはピクセルを意味するpixelの略で、フォントサイズや要素の幅、高さを指定する際に使用します。ピクセルはモニター画面の解像度を基準とします。
em: (親要素を基準とする)
em は相対的な長さの単位であり、現在のオブジェクト内のテキストのフォント サイズを基準とします。 。現在のテキストのフォント サイズを設定しない場合、ブラウザのデフォルトのフォント サイズを基準とした値になります。
コード例:
//em的值时相对于父元素，修改.a的大小，.b的大小会随之发生变化
<style>
.a{
font-size: 4px; //1em=4px
}
.b{
font-size: 2rem; //这里就8px;
}
</style>
</head>
<body>
<div class="a">
<p class="b">
51515
</p>
</div>
</body>関連する推奨事項:CSSチュートリアル
以上がCSSのremの特徴は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。