pc系统项目适配移动端

之前公司做了一个pc端的系统需要适配移动端，之前老版本使用jq+bootstrap做的，新版本的话技术方案选用vue+elementui,以下是项目的响应式适配方案

1、响应式原理 - 栅格系统

众所周知，bootstrap响应式原理的基础就是12栅格系统，而elementui的layout布局也同样有自己的24栅格系统，

同时 ，Element 额外提供了一系列类名，用于在某些条件下隐藏元素。这些类名可以添加在任何 DOM 元素或自定义组件上。

二、项目的适配问题

因为element中的控件大多数是支持响应式的，但是有部分控件需要做适配，因此，在需要做适配的控件的地方就需要结合媒体查询来完成

三、总结

基本vue+elementui+媒体查询完成pc端项目适配移动端的方案