remについて

Question

「rem」は、ルート要素の文字サイズを基準にして、文字サイズを指定できる単位らしいですが、ルート要素はhtml要素のみに限定されるのでしょうか。
また、rem要素を使うときは、ルート要素にて必ずサイズを宣言すべきなのでしょうか。

Answer 1

おっしゃる通りhtmlで設定された文字サイズを基準に使用されます。
必ずしもhtmlにfont-sizeを設定する必要はありませんが、
設定することでマルチデバイス対応だったり便利になります。

/* PC */
html {
   font-size: 100%;
}

/* Tablet*/
@media screen and (max-width: 1280px) {
  html {
    font-size: 75%;
  }
}

Answer 2

半端な知識で回答します。

Web Components の Shadow DOM などの場合、スコープのルートを指すことになると思います。（未確認）
現状使えるブラウザが限定的ですが、そういったコンポーネント的な物もふんわり考慮されているような気がします。

---

Web Components の参考URLとか。

【Web開発者に革命をもたらす！「Web Components」超入門 | 株式会社LIG】
https://liginc.co.jp/web/html-css/html/58267

【Web Componentsの基本的な使い方・まとめ】
http://defghi1977.html.xdomain.jp/tech/webc/webc.htm

【Shadow DOM 201: CSS とスタイリング - HTML5 Rocks】
https://www.html5rocks.com/ja/tutorials/webcomponents/shadowdom-201/

【Can I use... Support tables for HTML5, CSS3, etc】
http://caniuse.com/#feat=shadowdom

【CSS Scoping Module Level 1】
https://www.w3.org/TR/css-scoping-1/

【Shadow DOM v1でHTMLの内容と構造を分離する】
https://sbfl.net/blog/2016/07/17/shadow-dom-v1/

Comments

[mukkun]

そういった考慮もされて一部搭載されているのですね。
Web言語はどんどん進化していきますね。

[kei344]

> そういった考慮もされて
その部分は私の想像（妄想）なので、話半分に受け取っていただけるとありがたいです。

> Web言語はどんどん進化していきますね。
日々勉強ですね。