小程序
小游戏
企业微信
微信支付
扫描小程序码分享
主要是通过top：xxx rpx语句 来确定组件在屏幕中的位置，出现了有些机型例如华为nova1，底部按钮无法完全展示的现象，如下图
问题：
1、请问如何在开发过程中就测试好避免发布后出现这种情况
2、如何确定组件的位置，让每个机型上展示的位置都比较相似，保证美观性。因为目前我通过top来确定纵向位置很容易导致例如：当button在xr机型中下部时，在iPhone7上显示就是在屏幕底部
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
建议根据文档流排列。从上面港式茶点那里 写margin
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
transform它不香吗
父级相对定位
子级
position
:
absolute
;
top
50%
left
transform:translate(
-50%
,
);
不要用position，用margin等。
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
建议根据文档流排列。从上面港式茶点那里 写margin
transform它不香吗
父级相对定位子级position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);不要用position，用margin等。