(vue)rem同时适配PC端和移动端

2019-08-21  本文已影响0人  rightmost

1.创建移动端和PC端两套CSS样式

2.在页面里通过设备判断加载不同的CSS样式

代码如下:

 created: function () {

    if(navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)){

         //移动端CSS

        require('../assets/css/mobile/certificationTakePicture_mobile.css');

    }else{

       //PC端CSS

        require('../assets/css/pc/certificationTakePicture_pc.css');

    }

  },

上一篇 下一篇

猜你喜欢

热点阅读