我正在构建一个Web应用程序,并遇到iOS 8的问题.请注意这是特定于iOS 8,因为它在以前的版本中工作正常.
我有一个页面可以上传直接从手机或平板电脑拍摄的图像.我使用以下链接来调用相机应用程序:
<input type="file" accept="image/*" capture="camera" name="files[]">
相机应用程序按预期打开并拍摄照片没有问题.但是,当相机应用程序关闭并返回到Web应用程序时,屏幕高度会减少一半以上.没有办法纠正关闭和重新启动应用程序的期望.
您可以在这里拍摄照片后看到它的外观: 截屏
看起来好像屏幕仍处于横向状态.然而,旋转设备只会使情况变得更糟.
我假设这是一个iOS 8错误,但想知道是否有人对如何纠正或解决问题有任何想法.
最后一点,只有在作为Web应用程序运行时才会出现此问题.使用safari时它有效.
仅供参考 - 这是我使用的元标记:
<!-- Run in full-screen mode. -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<!-- Make the status bar black with white text. -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- Customize home screen title. -->
<meta name="apple-mobile-web-app-title" content="DigiSite">
<!-- Disable phone number detection. -->
<meta name="format-detection" content="telephone=no">
<!-- Set viewport. -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!-- Startup images -->
<!-- iOS 6 & …