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

This article is to share with you what Em, Rem and px mean in css units. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Em, Rem and px

Which unit should be used to set the size of the element and text, em,rem or px? There has been a lot of debate all the time. The fact is that all three options are feasible and have their advantages and disadvantages.

There is no final conclusion about when to use which unit in what project. Different developers have different habits and different project requirements, and different units may be used. However, although there are no fixed rules, each unit still has some points to pay attention to:

Em-sets the element to 1em, whose size is related to the font-size attribute of the parent element. This unit is used in media queries and is especially suitable for responsive development, but because em units are calculated relative to the parent element at each level, it is sometimes troublesome to get the PX value of a child element em unit.

Rem-rem makes it easy to uniformly resize the text of all headings and paragraphs on the page relative to the font-size size of the element.

Px-Pixel units are the most accurate, but are not suitable for adaptive designs. Px units are reliable and easy to understand, and we can finely control the size and movement of elements to 1px.

Most importantly, don't be afraid to try, try all the methods and see what works best. Sometimes, em and rem can save a lot of work, especially when building responsive pages.

Thank you for reading! This is the end of the article on "what is the meaning of Em, Rem and px in css units". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it out for more people to see!

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.