- 博客(5)
- 收藏
- 关注
RSS订阅原创 前端自适应方法（vue3+vite）
本文介绍了在Vue项目中实现响应式布局的方案：1）安装postcss-pxtorem插件将px转换为rem；2）配置postcss.config.cjs文件，设置基准值和转换规则；3）在首页组件中通过JS动态计算根元素fontSize，基于1920设计稿实现等比例缩放；4）添加窗口resize事件监听实现响应式调整。该方案通过rem+动态计算fontSize的方式，配合postcss自动转换，可便捷实现不同屏幕尺寸的适配。
2025-12-04 09:31:56
70
原创 前端自适应方法(vue2)
2.配置设置，在vue.config.js同级新建一个文件postcss.config.js。3.配置函数在首页使用，4.设置尽量使用px。
2024-10-28 15:10:25
303
原创 从零开始创建vue3+vite项目
自行在src文件下创建2个文件夹分别为route 和store,里面代码分别为。如果版本低于18需要升级至18版本以上，建议使用nvm操作切换版本。按顺序执行接下来的命令 ，isc就是你之前的创建项目名。安装route，vuex，css预处理器。选中js或者ts看你需求，我选择的js。创建vite+vue3项目。查看当前node版本。
2024-09-14 10:26:32
389
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人