尺寸:inline-size / block-size 取代 width / height
width 是「水平方向的尺寸」,height 是「垂直方向的尺寸」——都钉在屏幕坐标上。逻辑版换成沿轴度量:inline-size 是 inline 轴方向的尺寸,block-size 是 block 轴方向的尺寸(连同 min- / max- 前缀)。横排时 inline-size 恰好等于
width;一旦竖排,同一个 inline-size 值会变成高度。尺寸只受 writing-mode 影响,与 direction 无关。
1 · 同一个 inline-size,横排是宽、竖排是高
典型收益: 给一段文本「最多 60 个字符宽」的可读行宽,写 max-inline-size: 60ch,无论横排竖排都约束的是「行长」而非屏幕宽度。卡片、提示框、表单控件的尺寸约束换成逻辑尺寸后,旋转书写方向不会写错维度。
仍有需要物理尺寸的场合: 当尺寸要对应一个物理设备约束(如「不超过视口高度」),用 max-block-size: 100dvh 在竖排下就不对了——这种确实跟屏幕方向绑定的,继续用 max-height。逻辑 / 物理不是非此即彼,按「这个尺寸到底相对谁」来选。