ZFree模板支持响应式设计，你可以通过预览按钮，查看当前模板在各个设备上的显示效果。另外，系统也提供了对模块位置的响应式设置参数，可以依据不同的设备，动态的调整模块的显示与否，以及显示的宽度，是一个非常好的功能。

1，本节目标

了解如何使用ZFree模板的响应式功能

2，响应式，自适应各种不同的设备

所谓的响应式，就是模板自动的依据当前的显示设备来改变布局的方式。比如在PC上，可以是横向排列，在手机上则自动变为纵向排列。我们的ZFree模板是支持这种自适应的功能的。通过顶部工具栏的设备切换按钮，可以实时查看在不同设备上的显示效果，截图如下：

 系统分别在行的层面和模块的层面对响应式进行了支持。

1，行的响应设置。点击行的参数设置，在响应式一栏中，可以设置本行在不同设备上的显示情况，如图：

2，对于模块位置的响应式设置。点击位置的参数设置，在格子一栏中，可以设置这个位置在不同设备上的显示情况，如图：