本文介绍了解决Vue项目中iPhoneX底部小黑条遮挡底部菜单栏的布局问题的方法。通过在公共样式中添加特定代码，并在入口文件的viewport中使用viewport-fit=cover属性，可以有效调整布局，避免遮挡。具体步骤包括修改body样式和调整viewport配置。
Vue项目解决iphoneX底部小黑条遮挡底部菜单栏布局问题
1.先在公共样式里给body加上红色区域块的代码
2.在入口文件的viewport的内容里使用viewport-fit=cover属性
3.效果如图
码字前：~~~~~~
码字后：~~~~~~~~~
引用该链接的见解实现↓
https://blog.youkuaiyun.com/dx18520548758/article/details/80010358
Vue项目解决iphoneX底部小黑条遮挡底部菜单栏布局问题
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
