avm页面适配问题

啊敏

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

技术咨询-F

用flex布局

啊敏

技术支持-F 发表于 2020-12-4 15:57
用flex布局

要是具体到某一个元素的宽高呢？

技术咨询-F

啊敏 发表于 2020-12-4 16:07
要是具体到某一个元素的宽高呢？

px

非菜3号

技术支持-F 发表于 2020-12-4 17:36
px

还原宽750的设计，直接按750来做？
还有开发工具只能用APICloud Studio3？

技术咨询-F

vecho 发表于 2021-1-19 09:38
还原宽750的设计，直接按750来做？
还有开发工具只能用APICloud Studio3？

推荐 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 值完成布局

开发工具是只能用 APICloud Studio3

非菜3号

技术支持-F 发表于 2021-1-19 12:13
推荐 UI 尺寸
APICloud 应用中的页面均使用逻辑分辨率来显示元素，考虑到屏幕比例、实际换算难度等因素， ...

感谢回答

C-Chicken

技术支持-F 发表于 2021-1-19 12:13
推荐 UI 尺寸
APICloud 应用中的页面均使用逻辑分辨率来显示元素，考虑到屏幕比例、实际换算难度等因素， ...

大佬，你这篇文字 应该加入到 studio3 的开发文档里面去，一目了然，不然看了开发文档的同学，不知道该用什么尺寸去写，非常建议

乌云龙

但是这样也有很多问题啊


比如我现在一行要三个 view 每个view 要是正方形 这个要咋实现呢。

.view {
   width: 33.33333%;
   height: *****
}