华为曲面屏的兼容问题吧

img


华为曲面屏下面的button按钮没有居中
没有做过h5不太懂
这是底部按钮的样式

img

按钮fixed固定,left 50%是控制按钮左端距离左侧的距离50%,而不是按钮正中心距离左侧50%,所以这样不能居中,可以让dom自身按照自身为参照物平移-50%,这样它的左侧原点就在正中心了。

{
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
}