华为曲面屏的兼容问题吧

Question

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

Answer 1

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

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