小程序的ui框架尺寸

小程序的 UI 设计指南在小程序官方文档中均有介绍，以微信官方设计文档为参照：

1、 小程序布局：小程序的布局主要采用块察大状结构进行布局，优先采用卡片、列表或网格等布局方式；

2、 小程序 UI 调色：小程序的 UI 调色使用典型的灰色调子，较亮的颜色基调使用明度较浅的颜色余巧；

3、小程序 UI 尺寸：败毁竖采用 1080px 宽，720px 高的界面设计尺寸，控件尺寸以 8px 为基准单位，即每个控件的间距需以 8px 设计；

4、 小程序 UI 字号：字体最大尺寸 36px，最小尺寸 24px，中等字体尺寸使用 30px。

一般情况下，在手机上只要图片的尺寸不小于640*540像素就不会模糊。同时，如果友吵图片过大会埋陆影响小程序的性能，建议使用更小的图片尺寸，除此之外，针对不同的好液侍小程序，可以根据具体需求选择不同的图片尺寸。

小程序单位对应的符号如下：哗大

1，pt，单位名称为点，绝对乱枝竖长度单位。

2，px，像素，相对长，度单位。

3，em，相对长度单位。

4，rem，是CSS3新增的一个相对单位，是相对HTML根元素。

5视口单位vw：1vw=视口宽度的1%，vh：1vh=视口高度的1%，vmax：vmax选取vw和vh中最大的那个，vmin：vmin选取vw和vh中最小的那个。

6，rpx，是微信小程序中css的尺寸单位。

7，ch，是由CSS3规范引入的一个新单位，表示“0”搭枯字形的宽度。

8，ex，当前字体的x-height或者一个em的一半。

9，pc、in、mm、cm绝对长度单位。

---