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



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

例如,看看这些网站:

http://vevo.com

http://xfinitytv.comcast.net

http://pinterest.com

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

感谢

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

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

相关内容

最新更新