引入vue.js的html如何做到兼容pc和移動端？

mounted: function () {
           let _this = this ;
           var str = window.navigator.userAgent;
            //  判斷設備
            console.log(str,'---str')
          if(str.toLowerCase().indexOf("mobile") == -1){
            $(document).ready(function () {
                _this.setSize() ;
            })
            // 窗口變化時
            $(window).resize( function () { _this.setSize()});
            this.dataTimePC = false ;
          }else{
            this.dataTimePC = true ;
          }
          this.upList();  // 數據請求

      },

 

// methods

setSize(){
            var whdef = 100/1920; // 表示1920的設計圖,使用100PX的默認值
            var wH = window.innerHeight; // 當前窗口的高度
            var wW = window.innerWidth; // 當前窗口的寬度
            var rem = wW * whdef; // 以默認比例值乘以當前窗口寬度,得到該寬度下的相應FONT-SIZE值
            console.log(rem,'rem---刷新')
            $( 'html' ).css( 'font-size' , rem + "px" );
        },