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

This article focuses on "web development with px or rem is better", interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Next, let the editor take you to learn "is it better to use px or rem for web development?"

Px

Px means pixel, which is relative to the screen resolution of the monitor. When setting the font size with px, the effect will be more stable and accurate. However, there are some problems with using px, for example, IE browsers cannot adjust the font size of those fonts that use px as a unit, so the effect of the page will be changed due to the screen size of the device.

Rem

Rem is a new relative unit of CSS3. When you use rem to set the font size for an element, it will be relative to the HTML root element. With rem, we only need to modify the root element to adjust the size of all fonts proportionally, while avoiding the chain reaction of compounding font sizes layer by layer.

Example:

! DOCTYPEhtml >

Document

Px:

I am a paragraph, I am a paragraph, I am a paragraph.

Rem:

I am a paragraph, I am a paragraph, I am a paragraph.

How to choose px and rem

Px is suitable for fixed size, mostly for pc pages, while rem is more suitable for mobile pages.

What rem implements is to display the same size content on screens of different sizes, but what users often need is that the page effect changes with the size of the screen, so rem does not have any advantage in complex pages.

So in development, we still have to decide according to the actual development situation. For example, some projects only need to be displayed on the PC side and we can use px as the unit of length, while some projects need to do responsive development depends on the specific situation.

At this point, I believe you have a deeper understanding of "web development with px or rem". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue 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.