iOS 8:web应用程序状态栏的位置和调整问题的大小 [英] iOS 8: web app status bar position and resizing problems

查看:167
本文介绍了iOS 8:web应用程序状态栏的位置和调整问题的大小的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

在设置元标记时

  Apple-mobile-web-app-capable 



  apple- mobile-web-app-status-bar-style 

创建全屏Web应用程序,iOS状态栏位于屏幕的顶部(半透明),底部还有一个额外的空黑条。



这是我的代码:

 <!DOCTYPE html>< html>< head>< meta charset =utf-8> 
< meta name =apple-mobile-web-app-capablecontent =yes>
< meta name =viewportcontent =initial-scale = 1.0,maximum-scale = 1.0,minimum-scale = 1.0>
< meta name =apple-touch-fullscreencontent =yes>
< meta name =apple-mobile-web-app-status-bar-stylecontent =black>
< / head>
< body>< h1>测试< / h1>
< p>使用相机拍摄照片< / p>
< input type =filecapture =cameraaccept =image / *>
< / body>< / html>

标记 apple-mobile-web-app-状态栏式。通过相机拍摄并接受照片后,屏幕两侧会出现黑条。
我在iPad3上使用iOS8 GM。



我认为这可能是iOS 8的错误,但Apple似乎并不关心我的错误报告:(b / b)

有人知道这个问题的解决方案/解决方法吗?

更新1:
Apple在9月19日将我的错误报告标记为Duplicate(Closed)。

更新2:
错误在iOS 8.3 Beta 1中得到解决

解决方案

Apple在iOS 8.3 beta 1中修正了这个错误

When setting the meta tags

apple-mobile-web-app-capable

and

apple-mobile-web-app-status-bar-style

to create a full screen web app, the iOS status bar is at the top of the screen (translucent) and there's an additional empty black bar at the bottom.

Here's my code:

<!DOCTYPE html><html><head><meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
</head>
<body><h1>Test</h1>
<p>Capture a photo using camera</p>
<input type="file" capture="camera" accept="image/*">
</body></html>

There's an additional problem with the tag apple-mobile-web-app-status-bar-style. After taking and accepting a photo via camera input black bars appear on the sides of the screen. I'm using iOS8 GM on an iPad3.

I think this might be an iOS 8 bug but Apple doesn't seem to care about my bug report :(

Does anyone know a solution/workaround for this problem?

Update 1: Apple marked my bug report as Duplicate (Closed) on Sept. 19th.

Update 2: Bug is fixed in iOS 8.3 Beta 1

解决方案

Apple fixed this bug in iOS 8.3 beta 1

这篇关于iOS 8:web应用程序状态栏的位置和调整问题的大小的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆