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

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');

    }

  },

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容