跳到主要内容

Web 响应式设计缩写和尺寸

· 阅读需 1 分钟
素明诚
Full stack development
名称缩写描述
像素px固定单位,一个像素点的大小。
百分比%相对单位,基于父元素的相应属性值的百分比。
视口宽度单位vw相对单位,基于视口宽度的百分比,1vw 等于视口宽度的 1%。
视口高度单位vh相对单位,基于视口高度的百分比,1vh 等于视口高度的 1%。
字体相对单位em相对单位,基于元素的字体大小。
根字体相对单位rem相对单位,基于根元素(:root 或 html)的字体大小。
非常小的设备xs用于小尺寸设备如手机竖屏。
小型设备sm用于稍大屏幕尺寸如手机横屏。
中等设备md用于中等屏幕设备如平板。
大型设备lg用于较大屏幕尺寸如桌面显示器。
非常大的设备xl用于非常大的屏幕尺寸,通常是大型桌面显示器。
超大的设备xxl在某些框架中使用,用于更大的桌面显示器。