Cordova 应用程序宽度不同于 IOS Safari 宽度答案

【问题标题】：Cordova Application Width Different From IOS Safari WidthCordova 应用程序宽度不同于 IOS Safari 宽度
【发布时间】：2019-08-03 07:09:58
【问题描述】：

我正在创建一个通过 Cordova 加载到 iPad Pro 12.9" 上的 Web 应用程序。如果我在 iPad 上的 localhost 中打开该应用程序，window.innerWidth 是 1024。但是，如果我创建一个 Cordova应用程序在 iPad 上打开它，window.innerWidth 是 768。他们都有 2 的 window.devicePixelRatio。

我在index.html中有以下标签：

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

是什么导致了这个问题，我该如何解决？

【问题讨论】：

标签： ios cordova safari width

【解决方案1】：

它与默认的启动屏幕文件分辨率有关。请按照此处的步骤操作：iPad Pro Cordova App Scaling

【讨论】：