Capacitor iOS App 无法缩放到全高

Posted 2023-02-23

【中文标题】Capacitor iOS App 无法缩放到全高

【英文标题】：Capacitor iOS App doesn't scale to full height

【发布时间】：2021-03-11 16:20:45

【问题描述】：

我创建了一个基于电容器的应用程序。一切都在 android 上运行良好。但是在 ios 上，电容 WebView 并没有填满可用的高度。 以下屏幕截图说明了该问题。在那里，我在 WebView 所在的区域上放置了一个白框。在 WebView 中，一切都按预期工作。通过 Xcode 调试应用时，WebView 的框架返回以下信息：

CGRect? (origin = (x = 0, y = 0), size = (width = 320, height = 480))

我已经尝试调整该框架的大小，但顶部和底部的黑色区域仍然存在。

【问题讨论】：

似乎..您没有 LaunchScreen (SplashScreen)。检查这个：developer.apple.com/design/human-interface-guidelines/ios/… 和这个joshmorony.com/…

谢谢！这解决了问题:-) 在 Info.plist 中设置启动屏幕文件修复了它。我不知道为什么这是空的。这是一个新的电容器项目。

【参考方案1】：

我对电容器知之甚少，但在 Ionic/coredova 应用程序 viewport-fit=cover 中用于删除空白

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

我从下面的链接中找到了这个解决方案： Remove White space

【讨论】：

谢谢，但是 viewport-fit 已经设置为那个值了。