pad html5适配,Vue适配PC+大屏，手机+ipad适配

PC+大屏适配

可适配 1400px以上的屏幕

设置设计稿-转换rem

我们的设计稿是3840px宽度，所以widthOfDesignLayout设置3840module.exports = {

plugins: {

autoprefixer: {},

"@njleonzhang/postcss-px-to-rem": {

unitToConvert: "px",

widthOfDesignLayout: 3840, // 设计稿的宽度

unitPrecision: 3, // 十进制的单位.

selectorBlackList: [".ignore", ".hairlines"], // 过滤那些不用转换的class

minPixelValue: 1, // 设置要替换的最小像素值.

mediaQuery: false, // 允许在媒体查询中转换px

},

},

};

设置根节点字体

在main.js下，保证在屏幕缩放的过程中也是16:9的比列，查看该插件const dashboardFlexible = require('lib-flexible-for-dashboard');

<