avm页面怎么做页面适配？

技术咨询-F

avm的stml页面无法使用rem，要如何做页面适配？

XT1991

用flex布局，具体到某一个元素的宽高用px
推荐 UI 尺寸
APICloud 应用中的页面均使用逻辑分辨率来显示元素，考虑到屏幕比例、实际换算难度等因素，我们推荐您选择 720 x 1280 分辨率为标准制作 UI 设计图。

量图标准
绝对计量

优先考虑绝对计量类的单位，如 px 单位
相对计量

如果使用 px 等绝对计量值无法实现所需布局时，可以考虑使用 rem，百分比等单位

选择百分比做为元素宽度、高度单位时，推荐只使用 100%，而不使用非 100% 的值，此类数值较容易出现页面变形

使用 640 x 960 或 720 x 1280 的 UI 设计图，应先量出元素的宽或高对应的 px 值，再除以 2 得到书写样式时的确切数值

如：一个按钮在 720 x 1280 的设计图中占具了 160 px 宽，88 px 高，我们的样式应该指定该按钮 width:80px;height:44px
弹性盒子

当绝对计量和相对计量均无法轻易实现所需布局时，可以考虑使用弹性盒子（flex、box）

由于 iOS 和 Android 系统浏览器都使用 -webkit- 标准，弹性盒子样式只需要适配 -webkit- 即可

box-sizing

还可以利用样式属性 position 来实现特殊布局，将元素指定为 position:relation 或 position:absolute，同时结合样式属性 box-sizing 改变盒子计算方式并指定具体的padding 值完成布局