コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > フロントエンドQ&A > HTML5のレムとは何ですか

HTML5のレムとは何ですか

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース： 2022-01-13 10:59:43
オリジナル
5384 人が閲覧しました

HTML5 では、rem は「root em」の略語で、相対的な長さの単位です。rem 単位がルート以外の要素に作用する場合、ルート要素のフォント サイズを基準とします。 rem ユニットは、ルート要素のフォント サイズに、その初期フォント サイズを基準にして作用します。

HTML5のレムとは何ですか

このチュートリアルの動作環境: Windows 10 システム、HTML5 バージョン、Dell G3 コンピューター。

html5 の rem とは

html5 では、rem は「root em」の略で、相対的な長さの単位です。

相対長さ単位は、ある長さの別の長さに対する相対的な長さのプロパティを指定します。これは、さまざまなデバイスの相対的な長さに適しています。

rem は root em (root em) の略称です。rem が非ルート要素に作用する場合、それはルート要素のフォント サイズに相対的であり、rem がルート要素のフォント サイズに作用する場合は相対的です。 、初期フォント サイズを基準にしています。

ルート要素 (つまり html 要素) を基準にして、計算値のフォント サイズの倍数です。

例は次のとおりです。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<html>

<head>

<meta charset="utf-8">

<title>123</title>

<style>

/* 作用于根元素，相对于原始大小（16px），所以html的font-size为32px*/

html {font-size: 2rem}

/* 作用于非根元素，相对于根元素字体大小，所以为64px */

p {font-size: 2rem}

</style>

</head>

<body>

作用于根元素，相对于原始大小（16px），所以html的font-size为32px

<p>作用于非根元素，相对于根元素字体大小，所以为64px。</p>

</body>

</html>

ログイン後にコピー

出力結果:

HTML5のレムとは何ですか

推奨チュートリアル: 「html ビデオ チュートリアル 」

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

関連ラベル：
html
前の記事：HTML5での順序なしリストの使用法は何ですか 次の記事：wapとhtml5の違いは何ですか
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート