移动Safari横幅大小检查

Question

如何通过JS / CSS调整移动Safari浏览器横幅的大小？我正在设计一个带有固定div（一个按钮）的网站，该网站应位于页面底部。它应该具有按钮是标题的一部分并且在标题的底部（其具有100vh的高度）的错觉。当safari横幅调整大小时，我需要保持固定的div不移动。 BTW他们在向上/向下滚动时调整大小

JSFIDDLE

＆＃13;

＆＃13;

.hundred{
  height: 100vh;
  width: 100vh;
}
#fixed{
  position: fixed;
  bottom: 0;
}

＆＃13;

<div class="hundred">100% div (0% from top)</div>
<div class="hundred">100% div (100% from top)</div>
<div class="hundred">100% div (200% from top)</div>
<div class="hundred">100% div (300% from top)</div>
<div class="hundred">100% div (400% from top)</div>
<div class="hundred">100% div (500% from top)</div>
<div id="fixed">fixed button (supposedly)</div>

＆＃13;

＆＃13;

＆＃13;