小程序
小游戏
企业微信
微信支付
扫描小程序码分享
主要是通过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等。