网格系统如何适用于全宽页面？

Question

在使用12个grid_系统时，网格系统如何为那些扩展到浏览器全尺寸的网站（无论你如何调整大小）工作？

例如，拿上这些网站一看：

http://vevo.com

http://xfinitytv.comcast.net

http://pinterest.com

是否有一个技术名称为这个？为什么没有很多这样的网站利用完整的浏览量？

谢谢

Answer 1

你问什么的“技术名称”被称为“流体”布局。关于如何在Bootstrap中实现这一点，答案取决于您是使用v.2.x还是使用最新发布的版本3.在2.x版本中，流体效果是通过将网格元素封装在“容器流体“类。在版本3中，默认情况下“容器”类是流体。 （有关更多信息，请参阅Bootstrap: Migrating from 2.x to 3.0。）

至于为什么更多网站最不使用流体布局，这是一个相当主观的问题。我会从我的个人经验发表评论（在网页设计和开发方面有15年）>流体设计在真正成为一个问题之后才会变成大屏幕，其中内容在屏幕的整个宽度上都会展开可用性问题。具体来说，如果线条变得太长，文本块可能变得非常难以阅读。文本行越长，眼睛就越难找到下一行的开始。此外，图像拉得太宽而不够锐利（假设使用了这种技术）。简而言之，具有大显示器的人通常不希望或不需要按内容占用的整个显示器。网络应用程序是一个例外，因为在线应用程序通常会显示数据网格以及许多列，数据面板，菜单等，这就要求用户最大限度地利用所有可用的显示区域。做一个网页搜索“流体与固定宽度布局”，你会得到大量的资源比较这两种方法。