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

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

1.先在公共样式里给body加上红色区域块的代码

2.在入口文件的viewport的内容里使用viewport-fit=cover属性

3.效果如图
码字前：~~~~~~

码字后：~~~~~~~~~

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