【项目经验】:vue的PC端项目中通过vw做页面自适应,改变屏幕分辨率后页面混乱

一.问题描述

最近在项目中遇到这样一个问题,改变电脑的屏幕分辨率,页面就出现了混乱,这是pc端的项目,用的是vw进行页面自适应的。布局的时候用的百分比布局和弹性盒子布局。

二.解决方法

把vueconfig.js里面的postcss插件注释掉就好了,如果页面中又弹框(模态框),宽度用像素px代替百分比。这样就达到了自适应。

大家有啥好的方法可以评论区讨论。

相关推荐
金梦人生1 小时前
Css性能优化
前端·css
Holin_浩霖1 小时前
UI设计的底层逻辑:从组件到系统的跃迁
前端
Holin_浩霖1 小时前
前端开发者的 Web3 全图解实战 二
前端
写代码的皮筏艇1 小时前
CSS属性继承与特殊值
前端·css
kevlin_coder1 小时前
🚀 实现同一个滚动区域包含多个虚拟滚动列表
前端·javascript
金梦人生1 小时前
JS 性能优化
前端·javascript
peachSoda71 小时前
自定义配置小程序tabbar逻辑思路
javascript·vue.js·微信小程序·小程序
hbqjzx1 小时前
记录一个自动学习的脚本开发过程
开发语言·javascript·学习
我有一棵树1 小时前
使用Flex布局实现多行多列,每个列宽度相同
前端·css·html·scss·flex
浪裡遊1 小时前
React开发模式解析:JSX语法与生命周期管理
前端·javascript·react.js·前端框架·ecmascript