Html 引导程序中大屏幕的中央主容器

我拿起一个现有的免费模板杰西卡怀特在

我注意到图像在任何屏幕上都会100%拉伸，在大屏幕上（例如MAC宽屏幕），它看起来非常难看，尤其是主页滑块

如果屏幕大于图像的最大大小（1280px，服务器中的大小），我想将整个页面/正文居中，就像在这个站点中一样：我尝试使用bootstrap-responsive.css。它处理的最高屏幕是1200px分钟

@media (min-width:  1200px) {

}

我尝试使用最小1400px的屏幕：

  @media (max-width:  1200px) {
  //leave original intact
   }

   @media (min-width:  1400px) {
   body {width:1366px; margin:0 auto;}
   /* OR */
   .body_container {width:1366px; margin:0 auto;}
   }

此外，我刚刚尝试将最小宽度：1200px更改为最小宽度：1400px，但它的性能也不好

我的问题是：它没有做出正确的反应。我的屏幕尺寸是1366px，比1400px小，但它适用于身体样式

我需要在文字后将每个媒体下的所有规格添加到每个屏幕大小吗？也就是说，最小宽度：1200px包含一系列规格。这是否意味着每个屏幕大小都必须定义它

---

是否有更简短的解决方案可以考虑使用菜单？

您只需使用简单的css3即可。 使用包装器分区包装所有元素，此包装器显示：无；默认情况下，适用于所有介质宽度

.wrapper{
     display:none;
     width:your-width-num px;
     margin-right:auto;
     margin-left:auto;
}

对于更宽的屏幕：

@meida(min-width:your-width-num) {
     .wrapper{
     display:block;
     }
}

---

谢谢但不会显示：none隐藏所有元素并在其下阻塞？我确实将宽度设置为1400px，这是我想要的宽度。但是对于较小的屏幕，整个页面现在关闭。因此@samsam不使用width元素，也使用clear显示道具。