在html的head标签里面加入如下的代码: 注意别少了viewport-fit=cover和user-scalable=no 假如少了viewport-fit=cover会影响iphoneX的兼容性 假如少了user-scalable=no会影响android的键盘的兼容性 对于全面屏页面内容的展示区域的兼容,可以通过在头和尾加padding解决,你可以下载yeui的例子代码参考。 页面最下部的bottom处理 页面底部有导航菜单的情况: 页面下部无导航菜单的情况: