当我的网页不可滚动时，如何在手机上浏览Safari

Question

我的网页高度为100％，因此无法滚动。但是，当你在移动游猎中打开它时，我遇到了一个问题，我的部分内容被地址栏和底部的栏所覆盖。

我已尝试使用javascript编辑我的内容，仅当浏览器为Safari时，

var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) 
{ return p.toString() === "[object SafariRemoteNotification]"; }) . 
(!window['safari'] || safari.pushNotification);

$(document).ready(function() {
if (isSafari) {
  $('#map').css('bottom', '25px');
}
});

但是这使得#map有一个底部：25px，无论使用什么浏览器。

在移动设备上处理Safari的最佳方式是什么？