尺寸 Dimentional
2024-07-18 17:25:44
尺寸
发动机支持以下长度单位：
绝对长度
| 单位 | 描述 |
|---|---|
| px | 像素，DIP 单元或 PPX 单元 - 取决于引擎配置。默认情况下 1px === 1dip |
| in | 英寸 - 1 英寸等于 2.54 厘米 |
| cm | 厘米 |
| mm | 毫米 |
| pt | 点 - CSS 2.1 使用的点等于 1/72 英寸 |
| pc | 异食癖 - 1 个异食癖等于 12 分 |
| dip | 与设备无关的像素 - 逻辑单位。1dip = 1/96 英寸，因此在 96DPI 显示器上，这将是一个像素。在高 dpi 屏幕上，它将被解析为更多的物理像素。例如：2dip 将在 120DPI 屏幕上采用 3px。在打印机上，“dip”和“px”单位是等效的。 |
| ppx | 物理像素。在屏幕上，1ppx 正好是一个设备像素。在打印机上，1ppx 等于 1/96 英寸。 |
相对长度
| 单位 | 描述 |
|---|---|
| em | 相关字体的字体大小; |
| rem | 根字体的字体大小; |
| ex | 相关字体的 x 高度; |
| ch | 相关字体的 0 字符宽度; |
| % | 百分比 - 通常等于父元素的对应指标的百分值。但并非总是如此，请参阅 CSS 规范。 |
| vw | 视图（窗口）宽度的 1/100; |
| vh | 视野（窗口）高度的 1/100; |
| vmin | 视图最小边的 1/100; |
| vmax | 视图最大视图（窗口）大小的 1/100。 |
基于宽度/高度的长度
| 单位 | 描述 |
|---|---|
| width(X%) | 财产价值的 width 百分比。如果 width 未定义，则将其视为 auto |
| height(Y%) | 财产价值的 height 百分比。如果未定义高度，则将其视为自动 |
p {
height: 1.6em;
line-height: height(100%);
}
弯曲
| 单位 | 描述 |
|---|---|
| N* | 弹性单元，反映自由空间分布的重量 |
| * | 柔性单元，快 1* 捷方式 |
查看流和弯曲
calc()
支持 calc（） 函数，但不能在 calc 中使用 flex 单位。