css - How to set base size for rem

Question

Welcome To Ask or Share your Answers For Others

css - How to set base size for rem

posted Oct 7, 2021 in Technique[技术] by 深蓝 (71.8m points)

css - How to set base size for rem

I have a simple question, where do you declare the base size that rem is calculated from?

<body>
  <h1>Something</h1>
</body>

I can see that the font-size is <body> is set to 16px and the <h1> is set to 3rem, yet the font is rendering at 30px when I'd expect 48px. Can any parent redefine the base?

question from:https://stackoverflow.com/questions/48451764/how-to-set-base-size-for-rem

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Reply

深蓝 · Answer 1 · 2021-10-06T17:34:54+0000

rem

Represents the font-size of the root element (typically <html>). When used within the root element font-size, it represents its initial value (a common browser default is 16px, but user-defined preferences may modify this).

Source

In other words, change the font size of your html element, and the calculation base for rem will change.

Categories

css - How to set base size for rem

css - How to set base size for rem

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags