1. 程式人生 > >vue判斷設備

vue判斷設備

code cti details reat 不同的 css src 不同 gif

使用場景:有適配pc端改為適配pc端和移動端,使用2套css

代碼實現App.vue

技術分享圖片
created: function () {
    if(document.documentElement.clientWidth > 640){
        require(‘./style/index.scss‘);
        this.plaform = ‘pc‘;
    }else{
        require(‘./style/mobile.scss‘);
        this.plaform = ‘mobile‘;
     
    }
技術分享圖片

註意:

為2套css分別指定不同的父class

比如說pc端 css為pc.scss 父類為 .pc 移動端 mobile.scss 父類為 .mobile

轉自:https://blog.csdn.net/qq_33485463/article/details/80454326

vue判斷設備