移动端pc端兼容element-ui

1、屏幕规范：

                @media only screen and (max-width: 768px)，768px以下为小屏幕适配，隐藏左侧菜单，只保留菜单弹出按钮

                min-width:1200px 最小宽度在768-1200之间为中屏幕适配，弹出菜单按钮框。760px以下九宫格的width为50%，以上如下图，bootstrap写法为

@media only screen and (max-width: 767px)
 .el-col-xs-12 {
    width: 50%;
}

@media only screen and (min-width: 768px)
.el-col-sm-6 {
    width: 25%;
}

@media only screen and (min-width: 1200px)
.el-col-lg-3 {
    width: 12.5%;
}

用elment-ui的布局写法为：

class="el-col el-col-24 el-col-xs-12 el-col-sm-6 el-col-md-6 el-col-lg-3"

广告框768px以下为100%，中屏幕为50px，大屏幕为33.3333333%

用elment-ui的布局写法为：

class="el-col el-col-24 el-col-md-12 el-col-lg-8"