首先将px转到rem，然后将psd上传到蓝湖，将大小更改为750个图形，然后按上面的大小编写代码
1、安装px2rem-loader
npm install px2rem-loader
2、配置px2rem-loader
在build文件中找到util.js，然后将px2rem-loader添加到cssLoaders中，如下所示：
常数CSS loader={
loader: 'css-loader '，
选项： {
最小化： process.env.node _ env==' production '，
source map : options.source map
}
}
//需要添加此代码
const px2remLoader={
loader: 'px2rem-loader '，
选项： {
remUnit: 75
}
}
将px2remLoader添加到generateLoaders方法
const loaders=[cssLoader，px2remLoader]
3、更改青湖psd大小，更改为750，设计页面不影响代码
目的是根据分辨率调整页面字体大小，使其适合电视的各种大屏幕
window.onresize=sethtmlfontsize；
功能设置thtmlfontsize (
consthtmlwidth=document.documentelement.clientwidth|| document.body.clientwidth；
consthtmldom=document.getelementsbytagname (' html ' ) [0]；
控制台. log (htmlwidth )。
html DOM.style.fontsize=htmlwidth/10 ' px '；
(；
setHtmlFontSize (；
注意，vue-resource不能渲染数据。 打包到APP中时不要求数据。 请使用axios。 如何将vue项目打包为app:https://blog.csdn.net/weixin _ 4408739/article/article