当前位置: 首页 > Web前端 > vue.js

vue打包后出现css样式冲突,解决方法

时间:2023-03-31 20:06:38 vue.js

先说问题1:vue项目打包时出现css样式冲突的问题。在本地运行项目时样式正常,但是打包服务端后项目整体样式有问题。例如:1、图片的大小发生变化,不管怎么改都不行。2、F12查看时,会多出当前页面未设置的css样式。3、或者已经设置好的样式,F12显示“黑线”的也有注释。4.页面风格偏差等。都可能是css样式冲突导致的。不知道大家是不是这样,反正我是这样的。这个问题之后,记录一下我遇到的解决方法,我遇到的解决方法1.第一种方法可以选择在每个vue组件的style标签中添加