【小程序新手】发现开发的小程序在一些较老的安卓机型(上下较短)中,会出现底部按钮不能完全露出的现象?
发布于 7 年前 作者 xueming 14413 次浏览 来自 问答

主要是通过top:xxx rpx语句 来确定组件在屏幕中的位置,出现了有些机型例如华为nova1,底部按钮无法完全展示的现象,如下图

问题:

1、请问如何在开发过程中就测试好避免发布后出现这种情况

2、如何确定组件的位置,让每个机型上展示的位置都比较相似,保证美观性。因为目前我通过top来确定纵向位置很容易导致例如:当button在xr机型中下部时,在iPhone7上显示就是在屏幕底部

3 回复

不要用position,用margin等。

建议根据文档流排列。从上面港式茶点那里 写margin

transform它不香吗

父级相对定位 

子级
position: absolute;
top: 50%;
left: 50%;
transform:translate(-50%,-50%);
回到顶部