1px的长度表示显示器中一个像素(pixel)的长度,实际显示的效果和显示器的 DPI(Dot Per Inch,每英寸像素数)有关,DPI越大每英寸的像素数越多,每个像素的实际大小越小。通常来说分辨率越高的屏幕 DPI也就越高,所以高分辨率屏幕显示的图标和字体都要更小一些。
所有浏览器的默认字体大小都是 16px。
px的特点
em(font size of the element)是指相对于父元素的字体大小的单位。
所以默认情况下 1em=16px
EM特点
rem和 em相似,但是 rem是相对于根元素的字体大小单位。
与 em相比 rem更方便计算也更加直观。
但是 rem在 IE8及其以下都不兼容。
其长度单位: vw : 1vw 等于视口宽度的1% vh : 1vh 等于视口高度的1% vmin : 选取 vw 和 vh 中最小的那个 vmax : 选取 vw 和 vh 中最大的那个
参考: 字体大小之px、em、rem、pt,字号详解:https://www.cnblogs.com/zhaowy/p/8400271.html vw vh视口百分比:https://blog.csdn.net/weixin_44766281/article/details/103044194