CSSのremの特徴は何ですか

王林
リリース: 2020-11-30 13:53:28
オリジナル
3245 人が閲覧しました

CSS の rem の特徴は、要素のフォント サイズを設定するために rem を使用する場合、相対サイズであることに変わりはありませんが、[.b{font-size などの HTML ルート要素に対して相対的なサイズになります。 : 2rem; //ここではちょうど 8px;}]。

CSSのremの特徴は何ですか

このチュートリアルの動作環境: Windows 10 システム、CSS3、この記事はすべてのブランドのコンピューターに適用されます。

rem: (ルート要素、つまり HTML に相対)

rem は CSS3 の新しい相対単位です。em との違いは、rem を使用してフォントを設定する場合です。要素のサイズ。依然として相対的なサイズですが、HTML ルート要素に対してのみ相対的です。使用方法は非常に簡単で、ルート要素のサイズを変更することで値を変更できます (rem と em は似ていますが、相対要素が異なります)

(学習ビデオ共有:java ビデオ チュートリアル)

px: (固定)

pxはピクセルを意味するpixelの略で、フォントサイズや要素の幅、高さを指定する際に使用します。ピクセルはモニター画面の解像度を基準とします。

em: (親要素を基準とする)

em は相対的な長さの単位であり、現在のオブジェクト内のテキストのフォント サイズを基準とします。 。現在のテキストのフォント サイズを設定しない場合、ブラウザのデフォルトのフォント サイズを基準とした値になります。

コード例:

//em的值时相对于父元素,修改.a的大小,.b的大小会随之发生变化  
  

51515

ログイン後にコピー

関連する推奨事項:CSSチュートリアル

以上がCSSのremの特徴は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!