3

container, 默认情况下，将内容放在中心（边距在一边）而不是填满整个屏幕。

这背后的原因是什么？

@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
4

2 回答 2

3

这是一个关于为什么设计container上不填写主屏幕的问题吗？

虽然我不能肯定我知道，但我可以想象这是一个基于您很少希望您的内容从屏幕边缘开始的事实的决定。我也可以想象很多人更喜欢做几个静态布局而不是完全流动的设计，更不用说一些布局可能非常具有基于百分比的宽度设计的挑战性。

你可以明显地变成液体并使用max-width: 100%并适用padding于container。就个人而言，这是我的首选方法。

这里没有最佳实践，更好的方法主要基于相关布局。

于 2013-10-13T10:42:59.527 回答
2

您还可以使用 container-fluid 类，它使所有内容都基于百分比。因此，不是容器具有固定宽度并以页面为中心，而是容器宽度等于视口的 100%。

于 2014-09-17T00:51:54.137 回答