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