.png?w=3072&fmt=webp)
尺寸
2分钟了解 Creght 的尺寸设置
选项说明
宽度：系统提供了4种类型，固定、百分比、填充、自适应
高度：系统提供了5种类型：固定、百分比、填充、自适应、视口
说明：下方的例子基本上以宽度举例，除 视口选项。子元素指的是示例中的的蓝色块，父元素指的是示例中灰色块。
固定
固定的意思就是无论我们的屏幕宽度多大，这个组件的宽度始终都是那么多。如下图所示，蓝色块的宽度 300px，高度固定同理。
300 x 300
配置如下所示
百分比
基于父元素的宽度比值，比如设置为50%，比如当父元素的宽度为1200，子元素就为600px;当为900像素的时候，子元素的宽度为450px
同理，高度是基于父元素高度的比值。
50% x 300
说明：蓝色块父元素的宽度是动态的，可以缩放屏幕发现宽度动态变化。
配置如下所示
填充(常用)
当父元素开启了自动布局，将子元素宽度设置为填充（1fr）, 表示会填充父元素剩下的宽度。如下图所示，右侧的宽度为360，左侧蓝色块设置宽度为1fr 就将父容器的剩余宽度填充满
高度同理，表示填充父元素剩下的高度
1fr x 1fr
360 * 1fr
下面的示例表示：如果宽度都设置成 填充（1fr），将等分剩余空间，如果其中的1项为2fr的话，则它所占据的空间是其他的2倍
1fr
1fr
1fr
1fr
2fr
1fr
自适应
自适应即宽度、高度跟随子元素的尺寸来自适应，如下图所示
用 Creght 画网站
视口
100vh:表示整个视口（浏览器可见区域）的高度
高度:100vh
等比说明
Creght 目前支持宽度动态变化的等比。如下所示，我们缩放视口大小，蓝色块始终保存等比缩放
宽度50%
宽高比：0.75
