載入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