使用@mediascreen来集中我的促销滑块插件

Question

我的网站前面有一个Wordpress promoslider插件，里面有自己的div，css看起来像这样：

#content.promoslider {
 float: left;
 margin-left: 16%;
 height: 420px;
 width: 840px;
 background-color: #3397cc;
 margin-top: 20px;
 margin-bottom: 35px;
 border: none;
 }

在我的笔记本电脑上它是居中的，看起来不错，但在不同尺寸的显示器（主要是更宽的显示器）上，它不在中心。您可以在我网站的主页http://designbyiliria.com/

上看到它

有人可以告诉我如何使用@mediascreen来调整边距 - 取决于它在哪个显示器上查看我有点困惑。

非常感谢

Answer 1

如果希望将边距设置为不同的分辨率，请将边距设置为自动。

#content.promoslider {
 height: 420px;
 width: 840px;
 background-color: #3397cc;
 margin: 20px auto 35px auto;
 border: none;
 }