載入SCSS,用絕對路徑抓取SCSS位置,CSS一定要放在assets資料夾中 使用scss需加入lang="scss"

<style lang="scss"> 
@import '../../assets/css/user.scss';
</style>

在scss中先設定好RWD斷點

@mixin desktop {
    @media(max-width:1024px){
        @content
    }
};
@mixin pad {
    @media(max-width:768px){
        @content
    }
};
@mixin mobile{
    @media(max-width:480px){
        @content
    }
};
@mixin iphoneX {
    @media(max-width:375px){
        @content
    }
};
@mixin iphone5 {
    @media(max-width:320px){
        @content
    }
};

用@include呼叫,設定該class在pad大小時顯示

.mobNav{
    display:none;
    @include pad(){
        display:block;
    }
}

設定關閉 手機此吋的nav