电脑app咋适应屏幕_CSS学习

资料来源：网络整理时间：2023/3/4 3:00:40 共计：3573 浏览

电脑app咋适应屏幕？

以下方法仅供参考。

1、安装postcss-px2rem 、px2rem-loader、lib-flexible

2、在根目录src中新建util目录下新建rem.js等比适配文件

找到node_modules里的lib-flexible包,拷贝一份放在utils里面取名为flexible.js，修改lib-flexible的源码,(更改refreshRem函数)修改为下面的代码就可以了，当然if判断是根据自己需求的调整。

目的：因为lib-flexible的源码是针对移动端的设计方案，我们要实现PC的自适应所以屏幕尺寸也要更换。

3、在 main.js中引入我们刚修改过的flexible.js文件(因为我们更改了源码，所有我们需要引入我们改过的文件)

4、在vue.config.js中配置插件

注意：

1、改完配置记得重新编译项目

2、如果个别地方不想转化px。可以简单的使用大写的PX或 Px。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。