先说问题
1:在做vue项目打包时出现Css样式冲突的问题。在本地运行项目时样式都是正常,但在服务器进行打包之后项目的整体样式就有问题了。
举例说明:
1.图片大小发生变化,怎么改也改不好。
2.在查看F12中会多出当前页面没有设置过的Css样式。
3.或者是设置过的样式,在F12中显示带“黑线”的也就是被注释的。
4.页面样式跑偏等等。
都有可能是Css样式冲突造成的,不清楚大家是不是这样的,反正我是这样的。
经过这次的问题,把我遇到的解决办法记录一下,
遇到的解决方案
1.第一种方法可以选择在每个vue组件的style标签上加上