站点在移动设备上左对齐

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

尝试删除第二个视口行，只留下第一个。它似乎打乱了页面缩放，至少对我而言。