0

在使用 12 grid_ 系统时,对于那些扩展至浏览器全尺寸(无论您如何调整大小)的网站,网格系统如何工作?

例如,看看这些网站:

http://vevo.com

http://xfinitytv.comcast.net

http://pinterest.com

这个有技术名称吗?为什么没有多少这样的网站可以利用完整的浏览大小?

谢谢

4

1 回答 1

1

您所询问的“技术名称”称为“流体”布局。至于如何在 Bootstrap 中实现这一点,答案取决于您使用的是 v.2.x 还是新发布的版本 3。在 2.x 版本中,通过将网格元素包裹在 a 中获得了流体效果容器流体”类。在第 3 版中,默认情况下“容器”类是流动的。(有关更多信息,请参阅引导程序:从 2.x 迁移到 3.0。)

至于为什么更多的网站根本不使用流畅的布局,这是一个相当主观的问题。我将根据我的个人经验(15 年的网页设计和开发经验)发表评论可用性问题。具体来说,如果行变得太长,文本块可能会变得非常难以阅读。文本行越长,眼睛就越难找到下一行的开头。此外,拉伸过宽的图像会失去清晰度(假设使用了该技术)。简而言之,拥有大显示屏的人通常不想要或不需要整个显示内容占用。Web 应用程序是一个例外,因为在线应用程序通常具有要显示的数据网格和许多列、数据面板、菜单等,这需要用户最大限度地利用所有可用的显示区域。在网络上搜索“流体布局与固定宽度布局”,您将获得大量比较这两种方法的资源。

于 2013-08-25T03:45:32.743 回答