网站在移动设备上左对齐

Question

我已经为桌面设置了我的开发站点，看起来很漂亮！但是当我转到移动设备时，它向左对齐，右侧有一个空白区域。

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

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

您可以在此处查看我的开发站点： http://dev.pixlgraphx.com/dynmulti/

提前致谢

Answer 1

我认为这与您两次指定视口有关。

你有：

<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" />

尝试删除第二条视口线，只留下第一条。这似乎扰乱了页面缩放，至少对我来说是这样。