gpt4 book ai didi

html - 网格系统如何为全宽页面工作?

转载 作者:太空宇宙 更新时间:2023-11-04 14:40:11 25 4
gpt4 key购买 nike

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

例如,看看这些网站:

http://vevo.com

http://xfinitytv.comcast.net

http://pinterest.com

有专门的名称吗?为什么没有很多像这样的网站可以充分利用整个浏览大小?

谢谢

最佳答案

您所询问的“技术名称”称为“流体”布局。至于如何在 Bootstrap 中实现这一点,答案取决于您使用的是 v.2.x 还是新发布的版本 3。在版本 2.x 中,流体效果是通过将网格元素包裹在带有“容器流体”类。在版本 3 中,“容器”类默认是流动的。 (有关更多信息,请参阅 Bootstrap: Migrating from 2.x to 3.0。)

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

关于html - 网格系统如何为全宽页面工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18413158/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com