vue打包时页面布局出现混乱

vue在未打包之前，本地页面是完美的，但是打包成app时，出现了用户代理样式表，这种的样式不能修改，我就考虑到是用户代理样式表将自己的样式覆盖掉了，还有一个原因是继上一篇文章的错误： https://blog.csdn.net/m0_54630400/article/details/124672563?utm_source=app&app_version=5.3.1&code=app_1562916241&uLinkId=usr1mkqgl919blen

我感觉没有解决根本问题，确实是文件引入的问题，在这里才得以解决。

解决方法： 每个vue组件里的style都要加scoped，main.js中的.css必须放在./App和./router前面，防止css被组件之间重叠

除了上述情况，我的是由于在public文件下的index.html中引入了重置样式表，这会导致用户代理样式表将我的样式覆盖掉，代码如下：

于是，我把它放在了main.js中引入，样式就都正确了，代码如下：

总结：

要将public文件中index.html中引入的样式表，在main.js中导入，用import导入。