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

Html 网格系统如何适用于全宽页面?,html,css,twitter-bootstrap,grid,responsive-design,Html,Css,Twitter Bootstrap,Grid,Responsive Design,在使用12网格系统时,网格系统如何适用于那些扩展到浏览器全尺寸(无论您如何调整大小)的网站 例如,看看这些网站: 这个有技术名称吗?为什么没有很多这样的网站能充分利用浏览量 谢谢您所问的“技术名称”称为“流体”布局。就如何在引导中实现这一点而言,答案取决于您使用的是v.2.x还是新发布的版本3。在版本2.x中,流体效果是通过使用“容器流体”类将栅格元素包装到中获得的。在版本3中,“容器”类默认为流体。(有关更多信息,请参阅。) 至于为什么大多数网站都不使用流畅的布局,这是一个相当主观的问题

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

例如,看看这些网站:

这个有技术名称吗?为什么没有很多这样的网站能充分利用浏览量

谢谢

您所问的“技术名称”称为“流体”布局。就如何在引导中实现这一点而言,答案取决于您使用的是v.2.x还是新发布的版本3。在版本2.x中,流体效果是通过使用“容器流体”类将栅格元素包装到中获得的。在版本3中,“容器”类默认为流体。(有关更多信息,请参阅。)

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