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

一.问题描述

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

二.解决方法

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

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

相关推荐
还这么多错误?!1 分钟前
使用vue项目中,使用webpack模板和直接用vue.config来配置相关插件 区别是什么,具体有哪些提现呢
前端·vue.js·webpack
置酒天晴16 分钟前
js -音频变音(听不出说话的人是谁)
开发语言·javascript·音视频
WebDesign_Mu21 分钟前
HTML+CSS+JS制作高仿小米官网网站(内附源码,含6个页面)
javascript·css·html
wocwin1 小时前
Vue2移动端(H5项目)项目封装switch组件支持动态设置开启关闭背景色、值及组件内显示文字描述、禁用、switch 的宽度
vue.js
幽络源小助理1 小时前
HTML5 + Bootstrap5 网站底部代码分享与解析
前端·html·html5·网站底部代码
请叫我飞哥@1 小时前
HTML5 动画效果:淡入淡出(Fade In/Out)详解
前端·html·html5
计算机毕设指导62 小时前
基于Springboot的医院资源管理系统【附源码】
java·前端·spring boot·后端·mysql·spring·tomcat
浪遏2 小时前
Langchain.js | StructedOutputParser | 疯狂输出(二)
前端·javascript·aigc
一 乐2 小时前
考研助手|基于SSM+vue的考研助手系统的设计与实现(源码+数据库+文档)
前端·数据库·vue.js·后端·考研·考研助手
网络安全-老纪2 小时前
【网络安全】PostMessage:分析JS实现XSS
javascript·web安全·xss