本系统应用的是响应式布局的布局方式，响应式布局就是一个网站能够兼容多个终端，而不是为每个终端做一个特定的版本。这样就可以不必为不断到来的新设备做专门的版本设计和开发。响应式布局页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的调整。具体的实践方法由多方面决定，包括弹性网格和布局、图片、css媒体查询的使用等，无论用户正在使用笔记本还是Ipad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备。换句话说，页面应该有能力自动响应用户的设备环境。

常规布局