Making Sense of CSS Length Units

Making Sense of CSS Length Units

摘要

CSS中有多种长度单位，分为绝对单位和相对单位。绝对单位如px、cm、mm等，适合打印场景；px在现代高分辨率屏幕上已非绝对单位。相对单位如%、em、rem等，rem基于根元素字体大小，适合响应式设计。视口单位如vh、vw等，用于适配设备屏幕。建议打印用mm，网页用rem，应用视口单位填充屏幕。