vue打包后样式污染，根据屏幕大小加载不同样式表

三个css样式文件里面有同样的类名，在本地运行的时候并不会污染，打包过后就会被污染，改如何解决这个问题

img

本地测试这个3个样式文件没有一起加载吧，所以没问题。打包后文件是合并一起的。样式名称一样只有最后一个生效。防止污染得改下dom结构和样式层级，
如
.class1 .rememberPassword{.....}
.class2 .rememberPassword{.....}
.class3 .rememberPassword{.....}

要使用到对应样式的容器加上前缀样式.classXXX