Analysis of px, em, rem, VL, and vw in CSS3, and css3vl

Analysis of px, em, rem, VL, and vw in CSS3, and css3vl

1. px: accurate display of pixels

2. em: inherits the font size of the parent class, which is equivalent to "times". For example, the default font size of the browser is 16px = 1em, which is always displayed according to the font size inherited by the div, arrival for mobile terminals

Em converter: http://www.runoob.com/tags/ref-pxtoemconversion.html

3. rem: similar to em, rem inherits the attributes of the root node (that is, the

4. Vl: 1% of the current visible height = 1vl

The difference is: when there is no content in the div, the height is 100%, and the height is not displayed.

When no content exists in the div, the height is Gbit/s, and the height is still displayed.

5. vw: 1% of the current visible width = 1vw

The difference is: when there is no content in the div, width = 100%, the width is not displayed

When no content exists in the div, the width is Gbit/s, and the width is still displayed.