网站在移动设备上左对齐

Question

我已经为桌面设置了我的开发站点看起来很漂亮！但是当我去移动时，它向左对齐，右边有一个空的 space。

我的第一个想法是因为顶部的徽标太大，导致右侧的 space 空白，所以我减小了宽度但没有解决我的问题。

https://www.dropbox.com/s/lh3ldx455m7ohzc/error.jpg?dl=0

你可以在这里看到我的开发网站： http://dev.pixlgraphx.com/dynmulti/

提前致谢

Answer 1

我觉得跟你两次指定viewport有关

你有：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
.
.
<meta name="viewport" content="width=device-width" />

尝试移除第二条视口线，只留下第一条。这似乎让页面缩放感到不安，至少对我来说是这样。