Html 网站加载已向右移动,仅在iOS上

Html 网站加载已向右移动,仅在iOS上,html,ios,safari,viewport,Html,Ios,Safari,Viewport,每当我在iOS移动设备上访问我的网站时,它都会加载页面,但所有内容都会向右移动大约100像素。这发生在Chrome和Safari中 这在我测试过的桌面或任何安卓设备上都不会发生 以下是该网站的链接,您可以自己查看: 有人知道为什么会这样吗?或者我如何修复它?非常基本,但是您是否将网站主体设置为在移动媒体查询中居中 例如: 如果你这样做了,你有什么可以取消密码的吗 编辑: 此外,您是否有适当的WebKit来支持浏览器 -webkit- -moz- -o- 已解决: 我在页面容器上使用了以下CSS

每当我在iOS移动设备上访问我的网站时,它都会加载页面,但所有内容都会向右移动大约100像素。这发生在Chrome和Safari中

这在我测试过的桌面或任何安卓设备上都不会发生

以下是该网站的链接,您可以自己查看:


有人知道为什么会这样吗?或者我如何修复它?

非常基本,但是您是否将网站主体设置为在移动媒体查询中居中

例如:

如果你这样做了,你有什么可以取消密码的吗

编辑: 此外,您是否有适当的WebKit来支持浏览器

-webkit-
-moz-
-o-
已解决: 我在页面容器上使用了以下CSS

transform: translateX(-50%);
我忘了添加供应商前缀。应该是:

-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);

-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);