遇到一个bug解决不了了，求大神帮忙

Question

chrme上模拟iphone 6sp的结果

手机实际登陆网站后的截图

项目在本地用chrome模拟iphone 6sp打开，文本位置都没问题，但是上线后，我用iphone 6sp直接登陆查看，发现文本位置有问题

在本机的safari里面也有这种问题，但是不会调试.....

父类有text-align=center. 从canIues查看chrome也是支持transform属性的，那么这个bug出在哪？

终结一下：mac 的chrome 上 模拟手机和pc都正常,safari上 pc端有问题
实际手机中 chrome和safary位置都不对

Answer 1

加上这些试试
left: 0px;
width: 100%;
text-align: center;