公司做的一個后台系統,由於Elemen ui是響應式的,在小屏筆記本中,一行兩列的表單會自動變成一行一列,這樣就很不美觀了,由於是后台系統,當時也沒考慮適配問題。
老總 地表最強的電腦 運行了一下,當場就被他叼了。
最后只能回去做適配了,但是發現修改了樣式之后,怎么也沒效果。
千般百度后,發現了這個東東~
<style lang="scss" scoped>
也就是scoped這個東西...讓我搞了半個小時。
scoped的作用:在style標簽上添加scoped屬性,以表示它的樣式作用於當下的模塊。
所以,把它去掉就可以了。
但是還有一個問題,去掉這個東東后,所有頁面的樣式是會相互影響的。
解決辦法:在每個頁面中,加個容器,給個id 或 class 而且每個頁面的都要不一樣就行