如何在 ionic cordova 上删除 iPhone X 顶部视口角的空白区域 [英] How to remove the white space at iPhone X top viewport corners on ionic cordova

查看:27
本文介绍了如何在 ionic cordova 上删除 iPhone X 顶部视口角的空白区域的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

I followed the instructions here Understanding the WebView Viewport in iOS 11 and here Cordova app not displaying correctly on iPhone X (Simulator) to set viewport-fit to cover etc. But I still can't seem to get rid of these white corners on the top:

What am I missing?

ionic (Ionic CLI)     : 3.15.2
cordova (Cordova CLI) : 7.1.0
Cordova Platforms     : ios 4.5.2
Ionic Framework       : ionic-angular 3.8.0

解决方案

Eventually figured it out myself. In case anyone else has the same issue, here's what did the trick for me:

ionic cordova plugin rm cordova-plugin-statusbar

ionic cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git

Refer to: https://github.com/apache/cordova-plugin-statusbar/pull/85

这篇关于如何在 ionic cordova 上删除 iPhone X 顶部视口角的空白区域的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆