vue同一项目搭建PC端和移动端,如何通过class名来区分两者

最近做一个项目,他本来是一个h5的项目,会自适应屏幕大小,但有一个页面他既是h5页面也是pc端页面,我们老大就让我在pc端的最大盒子的class名前面添加一个 web- ,就可以不会用到自适应,有人知道他是怎么做的吗??

你得样式 是 less或者scss的话 加上就可以 了应该 。

比如原来的<div clas="main"></div>
你就改成<div clas="web-main"></div>
应该是这个意思

我理解的是你是需要用到 css3 的排除选择器

:not(.web-view)
{ 
// 里面放置老样式
}
.web-view{
// 新样式
}

应该是独立的一套css吧,.web-的css不是自适应。

class变了 原来的class样式自适应当然就没了 你得重新写新的class样式

前面加啥都无所谓,加了class就变了,样式当然就不是原来的样式了,也没自适应了,然后你再在这个web-xxx的类名里写独立的样式,scss或者less,嵌套语法,不会影响到其他东西
如有帮助,麻烦点个[采纳此答案]谢谢^O^