近期使用vant移动端来写页面,计划集成到企微上,所以运行到浏览器大部分时间使用的是移动端设备查看运行效果。偶然切换到非移动端尺寸,发现了一些适配方面问题,同时也考虑到使用企微时不总是运行在移动端设备,所以到网上寻找解决方法。
![](https://img-blog.csdnimg.cn/0b76a7e437a44706994daa45006b158c.png)
在此,记录uploader预览时,在非移动端设备尺寸下无法关闭的解决方法 。
# 安装模块
npm i @vant/touch-emulator -S
// main.js 中引入模块后自动生效
import '@vant/touch-emulator';
一些其他的适配方案:
1、浏览器适配
2、Rem布局适配
3、移动端底部安全区适配(移动端使用popup、keyboard等一般都要设置底部安全区)
让记录形成一种习惯,记录下自己遇到的问题,以便再次遇到可以更快找到解决方法。