html - margin : 0 auto not working on mobile device

Question

我们开发了网站http://www.topuctovnici.sk移动设备和居中内容似乎有问题 margin: 0 auto 和定义的具体宽度。

看起来像这样:http://i60.tinypic.com/23vnqd4.png “topuctovnici.sk”

我不知道问题出在哪里，因为 .core 有 1240px 宽度，在此之后有一个宽度为 1000px 和 margin: 0 auto 的 div，它在移动设备上什么都不做。

感谢您的帮助。

Answer 1

我总是这样做:

#main-wrapper {
   width: 100%;
   max-width: 1000px;
}

这样一来，移动设备就会 100% 被填满，而在大屏幕上，您的内容最多。 1000 像素宽。然后你的水平居中应该按预期工作。