什么是栅格

所谓的栅格，就是通过对页面中所显示的容器宽度的个性化设置，让它们可以在不同的终端设备上自动适配显示。

栅格的核心在于12等分规则。该规则的意思是，不论屏幕设备的大小，一律将其按照显示宽度等分为12列。当你需要在页面中显示某个面板的内容时，不再以像素或百分比等方式来指定其宽度，而是改用列数。

例如，指定为6时，表示其宽度将占据屏幕宽度的6/12，也就是一半；指定为3时，将占据屏幕宽度的3/12，也就是1/4。

最关键的是，这种宽度的设置，还可以细分到不同的设备。在WebBuilderX中，允许你根据手机、平板、桌面电脑、大屏设备4种类型分别进行设置。以下是WebBuilderX关于不同设备类型的宽度定义标准：

按照这样的标准，再对照之前的实例，那么，当用以下两种设备以不同方式访问时就会被判定为不同的设备类型：

其他设备同理。