什么是栅格化布局呀,手机也用得到吗

2020-07-01 10:30发布

3条回答
萤火虫
2楼-- · 2020-07-01 11:02

通俗一点,在一个有限的、固定的平面上,用水平线和垂直线(虚拟的线,“参考线”),将平面划分成有规律的一系列“格子”(虚拟的格子),并依托这些格子、或以格子的边线为基准线,来进行有规律的版面布局。

伍肉肉Stephanie
3楼-- · 2020-07-01 11:26

栅格系统以规则的网络阵列来指导和规范网页中的版面布局以及信息分布。栅格系统有时候也称为网格系统。

网页栅格系统是从平面栅格系统中发展起来,对于网页设计来说,栅格系统的使用,不尽可以让网页的信息呈现更加美观易读、更具可用性,而且对于前端来说,网页将更加灵活与规范。

在网页设计中,如果把网页宽度平均切分为多个网格单元,每个单元之间预留一定的空隙,此时整个页面就如同一个栅格系统。

使用栅格系统的网页设计非常有条理,看上去也很舒服,可以让整个网站各个页面的布局保持一致。这能增加页面的相似度,提升用户体验。

最重要的是,它给整个网站的页面结构定义了一个标准。对于视觉设计师来说,不用再为网站的每一个页面都想一个宽度或高度了;对于前端开发工程师来说,页面的布局设计将完全是规范的和可重用的;对于内容编辑或广告销售来说,所有的广告都是规则的、通用的,再也不用做出一套多张不同尺寸的广告图了。这对于大型网站的开发和维护来说,能节约不少成本。

手机移动端一般看情况,也是可以用的。




图图
4楼-- · 2020-07-01 11:32

用的到啊,说白了就是参考线的作用