IphoneX屏幕未覆盖cordova项目中的页眉和页脚

Question

我的应用程序与iPhoneX不兼容，进行了大量搜索并尝试了许多不同的操作。初始屏幕在每个设备上都可以正常显示，但是内部屏幕没有覆盖页眉和页脚。建议使用相同的图像尺寸来全屏显示。还使用head标签中meta标签index.html文件中的view-port。

在我的cordova项目中使用cordova 7.1.0并使用ios 4.5.4版本，该应用程序在所有设备上都运行良好，但与iPhoneX屏幕不兼容。在模拟器中的iphonex上运行项目时，它在页眉和页脚处留有空白。

将下面的图像大小用于启动画面，并在index.html文件的head标签中使用meta标签。

<splash platform="ios" src="res/screens/ios/750x1334.png" />
        <splash platform="ios" src="res/screens/ios/1242x2208.png" />
        <splash platform="ios" src="res/screens/ios/1278x732.png" />
        <splash platform="ios" src="res/screens/ios/1334x750.png" />
        <splash platform="ios" src="res/screens/ios/1334x1334.png" />
        <splash platform="ios" src="res/screens/ios/2208x1242.png" />
        <splash platform="ios" src="res/screens/ios/2208x2208.png" />
        <splash platform="ios" src="res/screens/ios/2732x2732.png" />

和head标签中的meta标签：

Answer 1

LaunchScreen / SplashScreen

完成iOS构建后，转到->

Projectpath -> Platform ->iOS ->Open Project in Xcode在Xcode中ProjectName -> Resources -> Images.xcassets -> LaunchImage

标题：添加Cordova statusbar插件cordova plugin add cordova-plugin-statusbar

config.xml在配置文件中，添加以下首选项

    <preference name="StatusBarBackgroundColor" value="#00458D" />
    <preference name="StatusBarStyle" value="blacktranslucent" />
    <preference name="StatusBarOverlaysWebView" value="false" />
    <preference name="StatusBarDefaultScrollToTop" value="false" />

脚：在每个.html页面中，在<head>标签内添加以下代码

<meta name="viewport" content="viewport-fit=cover, initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />

IphoneX屏幕未覆盖cordova项目中的页眉和页脚

问题描述投票：0回答：1

1个回答

最新问题

IphoneX屏幕未覆盖cordova项目中的页眉和页脚

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1