Discrimination of PX,EM,REM,VH,VW in CSS3

1, px: pixel, accurate display

2, EM: Inherit the size of the parent font, equivalent to "times", such as: the browser default font size is 16px=1em, always follow the font size of Div inheritance, entry for mobile

EM conversion Tool: http://www.runoob.com/tags/ref-pxtoemconversion.html

3. REM: Similar to EM, REM is the attribute of the inherited root node (that is, the

4. VH: 1%=1VH of the current visible height

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

When there is no content in the Div, HEIGHT=100VH, the height can still be displayed.

5, VW: 1%=1VW of the current visible width

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

When there is no content in the Div, WIDTH=100VH, the width can still be displayed

Discrimination of PX,EM,REM,VH,VW in CSS3