vue3·解决H5运行在手机端底部留白问题

解决H5运行在手机端底部留白问题

问题复现：

解决之后

解决方式：

找到整个项目的public，index.html，找到其中的meta，加入以下这段话

<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,viewport-fit=cover" /> 

这句话的作用就是在适配手机型号的时候，能够自动补齐安全区域以外的区域，这样我们下拉的时候，就不会漏出去了。