iPhone固定内容与浏览器地址栏

Question

我的html中有一个固定的div 100％大小。但是当我在横向模式下使用iPhone并点击屏幕顶部时，我会在我的内容顶部显示safari浏览器网址。有没有办法制作CSS，以便在浏览器网址显示时我的内容向下移动？或者以任何其他方式覆盖我的内容的顶部？

我的内容示例：

.a{
  position:fixed;
  top:0;
  left:0;
  width:100% ;
  height:100% ;
  background:red;
  color:#fff;
  font-size: 30px;
}

<div class="a">
Lorem ipsum dolor sit amet.
</div>