rem 做全局等比缩放,得按根字号换算。全部在浏览器本地算,不联网。
16px、1.5rem、50%、12pt),不带单位按 px。Infinity。| 单位 | 类型 | 说明 | 常用在 |
|---|---|---|---|
| px | 绝对 | 逻辑像素 | 边框、固定图标 |
| rem | 相对 | 相对根元素字号 | 整体布局、响应式字体 |
| em | 相对 | 相对当前 / 父元素字号 | 按钮内边距、缩进 |
| vw / vh | 视口 | 视口宽 / 高的 1% | 全屏、分屏 |
| % | 相对 | 相对参考长度 | 宽度、间距 |
| pt / cm / mm / in | 绝对(打印) | 按 96dpi 折算 | 打印样式 |
相关:颜色选择 · CSS 效果生成 · 精灵图生成 · Sass/CSS 互转 · CSS 格式化。
换算仅供参考,布局细节请以浏览器实际渲染为准。