[分享]css单位一览表

CSS作为网页设计中的基础，使用各种单位来实现元素的大小、位置和布局等效果。下面是CSS中常用的单位一览表：px（像素）：是绝对单位，是指屏幕上的一个物理像素点，相对于其他单位而言较为精确，但缺点是随...

CSS作为网页设计中的基础，使用各种单位来实现元素的大小、位置和布局等效果。下面是CSS中常用的单位一览表：

px（像素）：是绝对单位，是指屏幕上的一个物理像素点，相对于其他单位而言较为精确，但缺点是随着屏幕分辨率的改变而改变。

em：是相对单位，相对于父元素的字体大小，如果没有父元素则相对于浏览器默认字体大小。

rem：是相对单位，相对于根元素（即HTML元素）的字体大小，不受父元素影响。

%（百分比）：是相对单位，相对于父元素的宽度或高度，如果父元素无法计算则相对于浏览器窗口的尺寸。

vw、vh：是相对单位，vw表示视口宽度的1%，vh表示视口高度的1%，适用于移动端和响应式设计。

pt、pc、in、cm、mm：是绝对单位，分别表示磅、派卡、英寸、厘米、毫米，由于浏览器和屏幕的差异，不太适用于网页设计。 

不同单位之间应该根据需要选取最合适的单位来实现效果，这不仅可以提高开发效率，还可以保证网页在不同设备上的兼容性。