选中元素，在右侧设置栏 - 尺寸可以设置元素的尺寸。

宽度的类型有：固定、百分比、填充、自适应。

高度的类型比宽度多一个 “视口“ 类型。

下面我们举例说明每个类型的作用

尺寸的类型

固定

固定尺寸为元素指定一个精准的尺寸，比如宽度设置为 120px，那么这个元素在任何设备上都是 120px 的宽度。

百分比

百分比类型设置元素为父元素尺寸的百分比，比如下图宽度设计为 50% 则为父元素的一半宽。

填充

当父元素开启了自动布局，将子元素宽度设置为填充（1fr）表示填充父元素剩下的宽度。如下图所示，右侧元素的宽度固定为 360 px，左侧蓝色块设置宽度为 1fr 就将占满父容器的剩余宽度。

下面的示例表示：如果宽度都设置成 填充（1fr），将等分剩余空间，如果其中的 1 项为 2fr 的话，则它所占据的空间是其他的 2 倍。

自适应

自适应尺寸的元素会自动包裹子元素，常用于文字组件根据文字长短自动调整尺寸。

视口

视口类型的尺寸用视口（浏览器可见区域）高度作为基础尺寸，100vh 表示整个视口高度，50vh 表示一半的视口高度。

等比

点亮宽度与高度之间的锁则会开启固定等比，等比设置后，当元素发生缩放（如更改浏览器宽度），元素的宽高始终会保持相同比例。

等比常用于完整展示一张图片。

注意：Creght 只支持高度随着宽度变化。