vue3.0+vite实现移动端自适应布局
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue3.0+vite实现移动端自适应布局相关的知识，希望对你有一定的参考价值。
参考技术A 然后再main.ts中引入amfe-flexible最后启动项目就会发现px已经是自适应的单位,如果想用原来的px只需改成大写的PX单位即可
VUE 判断电脑还是手机设备 pc端自适应 移动端rem布局
参考技术A pc端所有的页面和移动端都写在一个项目里这时候就需要我在登录的时候判断是什么设备 然后跳到相应的页面 采用不同的样式
可以写在一个js文件里，然后在main.js里统一引入
如果是手机端的话 我要采用rem布局 设计稿是640px的标准
如果是pc端的话 我需要页面自适应 设计稿是宽1920px的标准 并且当电脑屏幕尺寸小于1024px(一般来讲最小的电脑尺寸就是1024px),就不让页面继续缩小了 否则样式错乱,影响用户体验.
转自 https://www.jianshu.com/p/0e3f18f8fe8c
以上是关于vue3.0+vite实现移动端自适应布局的主要内容，如果未能解决你的问题，请参考以下文章