iOS 8:web应用程序状态栏位置和大小调整问题

设置元标记时

支持苹果移动网络应用程序

苹果移动网络应用程序状态栏样式

要创建全屏web应用程序,iOS状态栏位于屏幕顶部(半透明),底部还有一个空的黑色栏

这是我的密码:

<!DOCTYPE html&gt&书信电报;html&gt&书信电报;头&gt&书信电报;meta charset=“utf-8”大于;
<meta name=“支持苹果移动网络应用程序”content=“yes”>
<meta name=“viewport”content=“初始比例=1.0,最大比例=1.0,最小比例=1.0”>
<meta name=“apple touch fullscreen”content=“yes”>
<meta name=“苹果移动网络应用程序状态栏样式”content=“black”>
&lt/头>
<车身&gt&书信电报;h1>测试&lt/h1>
<p>使用照相机拍摄照片&lt/p>
<输入type=“file”capture=“camera”accept=“image/*”>
&lt/车身&gt&lt/html>

标签apple mobile web app状态栏样式还有一个问题。通过相机输入拍摄并接受照片后,屏幕两侧会出现黑色条。
我在iPad3上使用iOS8 GM

我认为这可能是一个iOS 8错误,但苹果似乎并不关心我的错误报告:(

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

更新1:
苹果在9月19日将我的错误报告标记为重复(已关闭)

更新2:
iOS 8.3 Beta 1中修复了该漏洞

从技术上讲,这并不是对你问题的回答,但我一直在记录我的发现,同时试图自己解决这个问题,这是我迄今为止的发现。我本来打算把它作为自己的问题发布,但我想它会作为一个副本关闭

在运行固定web应用程序的iOS8设备上。关于标记:

<meta name=“苹果移动网络应用程序状态栏样式”content=“black”>

苹果开发者参考:

如果内容设置为默认值,则状态栏显示正常。如果设置为黑色,则状态栏背景为黑色。如果设置为黑色半透明,则状态栏为黑色半透明。如果设置为默认值或黑色,则web内容显示在状态栏下方。如果设置为黑色半透明,则web内容显示在整个屏幕上,部分被状态栏遮挡。默认值为默认值

要启用此功能,您需要使用

<meta name=“支持苹果移动网络应用程序”content=“yes”>

在iOS6和iOS7中,这或多或少与预期的一样有效

在iOS8中,这似乎完全被打破了。例如,在iPad Air In-Picture上运行的iOS 8.0.2具有以下行为:

  • 黑色产生透明背景。屏幕底部有一个黑色实心条
  • 默认值或不设置值会导致屏幕底部出现透明背景和白色实心条
  • 黑色半透明产生一个透明的背景,但在屏幕底部没有令人讨厌的条

在所有情况下,内容都显示在栏的“下方”。即,栏不会向下推内容

在iPhone6上,状态栏在横向中根本不显示。但在纵向中,以下行为:

  • 黑色按预期工作,内容向下推(哇!!!)
  • default在顶部有一个空白的白色条
  • 黑色半透明产生一个透明的背景,下面是内容

我还没有机会在iPhone6上进行测试+

xcode中的iOS模拟器似乎无法可靠地再现真实设备上发生的行为

我曾尝试用javascript动态更改它,但似乎没有效果

为了让这更有趣/令人沮丧,您可以通过在html元素上设置样式来覆盖状态栏(时钟/wifi等)

html{背景:黑色;}
正文{背景:#DDD;页边顶部:20px}

其他地方也记录了同样的问题:

  • https://discussions.apple.com/thread/6557230?start=0&tstart=0

发表评论