首页 > 解决方案 > 当我的网页不可滚动时,如何在移动设备上绕过 Safari

问题描述

我的网页高度为 100%,因此无法滚动。但是,当您在移动 safari 上打开它时,我遇到了一个问题,地址栏和底部的栏覆盖了我的一些内容。

我尝试仅在浏览器是 Safari 时使用 javascript 来编辑我的内容,使用

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 的最佳方式是什么?

标签: javascriptcssmobilesafarimobile-safari

解决方案


推荐阅读