逻辑尺寸属性
实体尺度属性和逻辑属性用于在页面上设置元素尺寸，而我们将在本指南中解释两者之间相对于流的对应关系。
在指定元素的尺寸时，标示实体尺寸参照的是水平和竖直方向（如左和右）的实体尺度，而逻辑属性与逻辑值规范使你可以参照文本流向（行向与块向）标示尺寸。虽然对于我们中的大多数而言，这些相对于流的对应关系很可能都是默认的，但是在设计中你很可能会同时用到实体尺寸和逻辑尺寸。你可能想要某些特性在任何书写模式里参照的都是实体尺度。
尺度的对应关系
下表提供了逻辑属性与实体属性的对应关系。这些对应关系假定你在 horizontal-tb 的书写模式里——例如英文或者阿拉伯文，此时 width 会对应到 inline-size。
假如你在竖排书写模式里，那么 inline-size 会对应到 height。
宽度和高度的示例
width 和 height 对应的逻辑属性为 inline-size（设置行向长度）和 block-size（设置块向长度）。在英文文本中，将 width 换为 inline-size，height 换为 block-size，所得布局相同。
在下面的运行实例里，我把书写模式设置成了 horizontal-tb。把它改成 vertical-rl，你会看到第一个例子——用的 width 和 height——尽管文本变成竖排，但是在每个方向上的尺寸保持不变。第二个例子——用的 inline-size 和 block-size——会跟着文本的方向变化，就像旋转了整个块。
最小宽度和最小高度的示例
min-width 和 min-height 也有对应的属性——即 min-inline-size 和 min-block-size。这些属性的用法与 inline-size 和 block-size 属性相同，但是设置的是最小尺寸而不是固定尺寸。
试试把下面的例子像第一个例子一样改成 vertical-rl 看看效果。我在第一个例子里用了 min-height，在第二个里用了 min-block-size。
最大宽度和最大高度的示例
最后你可以用逻辑属性 max-inline-size 和 max-block-size 替代 max-width 和 max-height。用和之前一样的方式玩玩下面的例子。
用于 resize 的逻辑关键词
resize 属性用于设置元素是否可调整尺寸，有实体值 horizontal 和 vertical。resize 也有逻辑关键词值。使用 resize: inline 允许沿行向调整尺寸，而 resize: block 允许沿块向调整尺寸。
无论你按实体还是按逻辑理解，resize 属性的关键词值 both 的效果都一样。这个值同时设置两个方向的尺度。玩玩下面的例子。