Question

选择现有的免费模板Jessicawhite

我注意到图像在任何屏幕和大屏幕（例如MAC宽屏幕）中伸展100％，看起来非常难看，尤其是主页滑块。

如果屏幕大于我的图像的最大尺寸（1280像素，服务器中的大小），我希望将整个页面/正文居中，就像在这个站点中一样：igihe.com我尝试使用bootstrap-responsive进行游戏。 CSS。它处理的最高屏幕是1200px min。

@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更改为min-width：1400px，但它也表现不佳。

我的问题是：它没有正确反应。我的屏幕尺寸为1366px，小于1400px，但它采用了体型。

我需要在单词之后将每种媒体下的所有规格添加到每个屏幕尺寸吗？意思是，最小宽度：1200px包含一堆规格。这是否意味着每个屏幕尺寸都必须定义它？

考虑菜单的任何较短的解决方案？

Answer 1

你可以使用简单的css3。使用包装器部分o包装所有元素，这个包装器有一个display：none;默认情况下，适用于所有媒体宽度。

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

对于更广泛的屏幕：

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

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

1 个答案: