重新认识栅格系统

重新认识栅格系统

摘要

B端主要是PC端产品，主要应用在浏览器中。而PC显示器的分辨率多种多样，并且跨度还很大，主流的包括1366、1440、1920等。如何保证不同分辨率下界面良好的展示效果呢？这里就要应用到“栅格”和“布局”了。

简单地说，栅格是一种页面空间的划分方式，以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。

本文包括栅格系统的构成、基础原理以及简单的应用等分析。