【发布时间】：2013-08-27 02:45:14
【问题描述】：
在使用 12 grid_ 系统时，对于那些扩展至浏览器全尺寸（无论您如何调整大小）的网站，网格系统如何工作？
例如，看看这些网站：
这个有技术名称吗？为什么没有多少像这样利用完整浏览大小的网站？
谢谢
【问题讨论】：
标签： html css twitter-bootstrap grid responsive-design
【发布时间】：2013-08-27 02:45:14
【问题描述】：
您所询问的“技术名称”称为“流体”布局。至于如何在 Bootstrap 中实现这一点，答案取决于您使用的是 v.2.x 还是新发布的版本 3。在 2.x 版本中，通过将网格元素包裹在 a 中获得了流体效果容器流体”类。在第 3 版中，默认情况下“容器”类是流动的。 （更多信息请参见Bootstrap: Migrating from 2.x to 3.0。）
至于为什么更多的网站根本不使用流畅的布局，这是一个相当主观的问题。我将根据我的个人经验（15 年的网页设计和开发经验）发表评论可用性问题。具体来说，如果行变得太长，文本块可能会变得非常难以阅读。文本行越长，眼睛就越难找到下一行的开头。此外，拉伸过宽的图像会失去清晰度（假设使用了该技术）。简而言之，拥有大显示屏的人通常不希望或不需要内容占据整个显示屏。 Web 应用程序是一个例外，因为在线应用程序通常具有要显示的数据网格和许多列、数据面板、菜单等，这需要用户最大限度地利用所有可用的显示区域。在网络上搜索“流体布局与固定宽度布局”，您将获得大量资源来比较这两种方法。
【讨论】：