认识达内从这里开始

认真做教育专心促就业

网站后台开发中栅格系统的常见问题分析

发布：运城达内教育官网
来源：站酷
时间：2018-09-05 09:10

关于网站的前端开发的技巧和方法我们已经给大家介绍过很多次了，今天我们就一起来了解一下，在网站后台开发过程中都有哪些方法和技巧是可以使用的。

网站后台开发中栅格系统的常见问题分析

栅格系统的目的

栅格系统在页面排版布局、尺寸设定方面给了设计者直观的参考，它让页面设计变得有规律，从而减少了设计决策成本;栅格化提高了页面布局的一致性跟复用性;避免了设计师与开发者在细节上的反复沟通确认，从而提升了整个设计开发流程的效率、并能帮助开发者实现较为理想的设计还原。

(1)当栅格系统中奇数不可避免的出现时，如何处理?

理想状态下，我们应该调整内容区域的大小，使其尽可能成为可以被8整除的尺寸，但实际应用中，有时会出现无法整除的情况。基于对盒子模型的理解，此时我们保持padding、margin的值不变，改变盒子的大小去适应奇数的页面(元素)即可,因为一致性跟效率才是栅格化要达成的要目的，偶尔有一些不“完美”的尺寸是完全允许的，因为用户在实际使用页面时，并不能看到我们使用的栅格系统，也很难注意到那几像素的变化，他们能感受到的是页面整体呈现出来的节奏与韵律感，以及持续、一致的视觉语言带给他们的严谨、可靠的心里感受。

(2)栅格系统必须以8作为原子单位?使用其它数值是否可以

先需要指出的是使用其它数值当然也可以，栅格系统只是手段，提升设计效率、减少沟通成本、提高页面一致性才是终目的，所以如果你所在团队有其它栅格化习惯，且一直以来效果良好，那么继续使用它也是没问题的。但是对于设计新人来讲，如果能理解前人的经验，并能较好的运用，对于他们来讲，是会少一些弯路，更好的完成设计工作。

(3)栅格系统建立初期是否必须使栏目宽度与水槽宽相等，并等分内容区域?

建立栅格系统时并不是必须使栏目宽度与水槽宽相等，并等分内容区域。本篇文章介绍栅格系统时采用这种处理方式是为了让大家更好的理解栅格系统建立的原理与过程，事实上，栏目的宽度在实际应用中往往大于水槽宽度，我们通常会先计划好水槽的宽度、内容区域总宽度与栏目的数量，这时候栏目的宽度通过计算可得到，对于响应式页面，栏目的宽度可以是百分比而不是具体的数值。

作者：UXBoy

节选：站酷

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。

< 上一篇：运城达内linux编程开发都有哪些脚本使用技巧

下一篇：未来区块链技术的发展都有哪些变化趋势 >