vue移动端适配的两种方法
一.使用element-ui中的layout布局
1.引入element-ui,具体可看其他教程。
2.先添加el-row标签,再在其中填加el-col标签,一般整个页面从左到右想分成几块就定义几个el-col,然后通过span来具体划分大小,总共栅格数为24,具体可以看element文档。
3.通过xs、sm、md、lg、xl等属性来规定在不同分辨率的具体显示情况,例如我定义了两个col,各占12想在移动端只显示其中一个,另一个隐藏。
<el-row>
<el-col :xl="12" :xs="0">
<div