margin：0自动无法在移动设备上运行

Question

我们开发了网站http://www.topuctovnici.sk，似乎移动设备存在问题，并且内容与边距居中：0自动和定义的具体宽度。

看起来像这样：http://i60.tinypic.com/23vnqd4.png＆＃34; topuctovnici.sk＆＃34;

我不知道问题出在哪里，因为.core的宽度为1240px，之后有一个宽度为1000px且边距为0的div，它在移动设备上没有任何作用。

感谢您的帮助。

Answer 1

尝试使用固定值的最大宽度而不是宽度。

Answer 2

我无法确定css和HTML标记的确切位置，但您可以尝试以下操作：

将你的div设置为1000px到内联块元素。

<div style="width: 1000px!important; display: inline-block;">

在您的父.core div中设置css属性text-aling：to center

.core {
    width: 1240px;
    margin: 0 auto;
    text-align: center;
}

Answer 3

我总是这样做：

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

这样，移动设备100％填充，在大屏幕上，您的内容最大。 1000px宽。然后你的水平居中应该按预期工作。