VUE 判断电脑还是手机设备 pc端自适应 移动端rem布局

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VUE 判断电脑还是手机设备 pc端自适应 移动端rem布局相关的知识,希望对你有一定的参考价值。

参考技术A pc端所有的页面和移动端都写在一个项目里
这时候就需要我在登录的时候判断是什么设备 然后跳到相应的页面 采用不同的样式
可以写在一个js文件里,然后在main.js里统一引入
如果是手机端的话 我要采用rem布局 设计稿是640px的标准
如果是pc端的话 我需要页面自适应 设计稿是宽1920px的标准 并且当电脑屏幕尺寸小于1024px(一般来讲最小的电脑尺寸就是1024px),就不让页面继续缩小了 否则样式错乱,影响用户体验.

转自 https://www.jianshu.com/p/0e3f18f8fe8c

以上是关于VUE 判断电脑还是手机设备 pc端自适应 移动端rem布局的主要内容,如果未能解决你的问题,请参考以下文章

meta viewport设置移动端自适应

怎么用js判断是pc端还是手机端

js判断客户端是pc端还是移动端

vue-cli配置移动端自适应flexible.js

vw实现移动端自适应页面

将PC版网页转为手机端自适应网页