公司做的一个后台系统,由于Elemen ui是响应式的,在小屏笔记本中,一行两列的表单会自动变成一行一列,这样就很不美观了,由于是后台系统,当时也没考虑适配问题。
老总 地表最强的电脑 运行了一下,当场就被他叼了。
最后只能回去做适配了,但是发现修改了样式之后,怎么也没效果。
千般百度后,发现了这个东东~
<style lang="scss" scoped>
也就是scoped这个东西...让我搞了半个小时。
scoped的作用:在style标签上添加scoped属性,以表示它的样式作用于当下的模块。
所以,把它去掉就可以了。
但是还有一个问题,去掉这个东东后,所有页面的样式是会相互影响的。
解决办法:在每个页面中,加个容器,给个id 或 class 而且每个页面的都要不一样就行