屏幕上凹口后面的不安全区域IOS 14更改
Cordova IOS应用程序显示白色屏幕。我正在使用xcode 12.0版。 Cordova IOS平台版本为6.1.0。(或6.1.1)Cordova版本为10.0.0。 我正在为IOs14做所有更改。对于iPhone XR设备,我使用meta标记:屏幕上凹口后面的不安全区域IOS 14更改,ios,cordova,splash-screen,ios14,multi-device-hybrid-apps,Ios,Cordova,Splash Screen,Ios14,Multi Device Hybrid Apps,Cordova IOS应用程序显示白色屏幕。我正在使用xcode 12.0版。 Cordova IOS平台版本为6.1.0。(或6.1.1)Cordova版本为10.0.0。 我正在为IOs14做所有更改。对于iPhone XR设备,我使用meta标记: <meta name="viewport" content="user-scalable=no, initial-scale=1, width=device-width, viewport-fit=cove
<meta name="viewport" content="user-scalable=no, initial-scale=1, width=device-width, viewport-fit=cover">
但还是在第一次发射后,我看到下面的空白区域。下面是config.xml文件中的插件详细信息和首选项
Cordova 10
Cordova-ios: 6.1.1
**@globules-io/cordova-plugin-ios-xhr 1.1.0 "Cordova WKWebView File XHR Plugin"**
cordova-plugin-add-swift-support 2.0.2 "AddSwiftSupport"
cordova-plugin-camera 2.3.1 "Camera"
cordova-plugin-compat 1.2.0 "Compat"
cordova-plugin-device 2.0.3 "Device"
cordova-plugin-dialogs 2.0.2 "Notification"
cordova-plugin-file 6.0.2 "File"
cordova-plugin-geolocation 4.0.1 "Geolocation"
cordova-plugin-globalization 1.0.9 "Globalization"
cordova-plugin-keyboard 1.2.0 "Keyboard"
cordova-plugin-splashscreen 6.0.0 "Splashscreen"
cordova-plugin-whitelist 1.3.4 "Whitelist"
<preference name="SplashMaintainAspectRatio" value="true" />
<preference name="FadeSplashScreenDuration" value="300" />
<preference name="SplashShowOnlyFirstTime" value="false" />
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="3000" />
Cordova 10
Cordova ios:6.1.1
**@Globes io/cordova插件ios xhr 1.1.0“cordova WKWebView文件xhr插件”**
cordova插件添加swift支持2.0.2“添加SWIFTS支持”
cordova插件摄像头2.3.1“摄像头”
cordova插件compat 1.2.0“compat”
cordova插件设备2.0.3“设备”
cordova插件对话框2.0.2“通知”
cordova插件文件6.0.2“文件”
cordova插件地理定位4.0.1“地理定位”
cordova插件全球化1.0.9“全球化”
cordova插件键盘1.2.0“键盘”
cordova插件splashscreen 6.0.0“splashscreen”
cordova插件白名单1.3.4“白名单”
如果视口中没有包含高度,请重试
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height">
如果视口中没有包含高度,请重试
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height">
我使用
<meta name='viewport' content='initial-scale=1, viewport-fit=cover'>
你得调查一下
将底部菜单保持在底部
基本上是强制视口div的完整高度
//not tested
window.visualViewport.addEventListener('resize', function () {
document.getElementById("myDiv").style.height = window.innerHeight;
});
尤其是当你的应用程序方向发生变化时。我使用
你得调查一下
将底部菜单保持在底部
基本上是强制视口div的完整高度
//not tested
window.visualViewport.addEventListener('resize', function () {
document.getElementById("myDiv").style.height = window.innerHeight;
});
尤其是当你的应用程序有方向变化时。尝试过但对我不起作用,它的WKWebView Viewport在第一次加载时无法占据整个设备高度。如果我重新加载应用程序,它将正确加载。已尝试但对我不起作用,它的WKWebView视口在第一次加载时无法获取完整的设备高度。它加载正确,如果我重新加载应用程序。