Vue项目解决iphoneX底部小黑条遮挡底部菜单栏布局问题

Vue项目解决iphoneX底部小黑条遮挡底部菜单栏布局问题

1.先在公共样式里给body加上红色区域块的代码
Vue项目解决iphoneX底部小黑条遮挡底部菜单栏布局问题
2.在入口文件的viewport的内容里使用viewport-fit=cover属性
Vue项目解决iphoneX底部小黑条遮挡底部菜单栏布局问题
3.效果如图
码字前:~~~~~~
Vue项目解决iphoneX底部小黑条遮挡底部菜单栏布局问题
码字后:~~~~~~~~~
Vue项目解决iphoneX底部小黑条遮挡底部菜单栏布局问题

引用该链接的见解实现↓
https://blog.csdn.net/dx18520548758/article/details/80010358