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 dashboardFlexibl