Shulou(Shulou.com)06/02 Report--

This article mainly introduces what rem means in html5. It has certain reference value. Interested friends can refer to it. I hope you will gain a lot after reading this article. Let Xiaobian take you to understand it together.

In html5 rem is short for "root em" and is a relative unit of length;rem units are relative to the font size of the root element when applied to non-root elements and to the initial font size when applied to root elements.

Operating environment of this tutorial: Windows 10 system, HTML5 version, Dell G3 computer.

In html5 rem is short for "root em" and is a relative unit of length.

Relative length units specify the properties of one length relative to another. For different equipment relative length is more suitable.

rem is an abbreviation for root em (root em), rem is applied to non-root elements, relative to the font size of the root element;rem is applied to the font size of the root element, relative to its initial font size.

font-size calculates a multiple of the value relative to the root element (that is, html element)

Examples are as follows:

123/* works on root element, relative to original size (16px), so html font-size is 32px*/html {font-size: 2rem}/* works on non-root element, relative to root element font size, so 64px */p {font-size: 2rem} works on root element, relative to original size (16px), so html font-size is 32px

Works on non-root elements, relative to the root element font size, so it is 64px.

Output:

Thank you for reading this article carefully. I hope that Xiaobian's "What does rem mean in html5" article will help everyone. At the same time, I hope everyone will support you more, pay attention to the industry information channel, and more relevant knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.