在使用12 grid_系统时,网格系统如何适用于扩展到浏览器完整大小的网站(无论您如何调整大小)?
例如,看看这些网站:
这是否有技术名称?为什么这样的网站没有多少利用完整的浏览尺寸?
由于
答案 0 :(得分:1)
您所询问的“技术名称”称为“流畅”布局。关于如何在Bootstrap中实现这一点,答案取决于您使用的是v.2.x还是新发布的版本3.在版本2.x中,流体效果是通过将网格元素包装在“a”中来获得的。容器流体“类。在版本3中,默认情况下“容器”类是流动的。 (有关详情,请参阅Bootstrap: Migrating from 2.x to 3.0。)
至于为什么更多网站最不使用流体布局,这是一个相当主观的问题。我会从我的个人经历(网页设计和开发15年)中评论>流体设计并没有真正成为问题,直到你到达更大的显示器,其中内容在屏幕的整个宽度上伸展可能会带来可用性问题。具体而言,如果线条变得太长,则文本块可能变得非常难以阅读。文本行越长,眼睛就越难找到下一行的开头。此外,拉伸太宽的图像会使其清晰度松散(假设使用了该技术)。简而言之,拥有大型显示器的人通常不希望或不需要内容占用的整个显示。 Web应用程序是一个例外,因为在线应用程序通常具有要显示的数据网格以及许多列,数据面板,菜单等,这使得用户必须最大限度地使用所有可用的显示区域。在网上搜索“流体与固定宽度布局”,您将获得比较这两种方法的大量资源。