javascript - iOS Safari 随机调整大小和滚动问题

Question

我正在开发一个用于桌面和移动 View 的网站。但是当我在 iOS Safari 上测试我的移动 View 时，我遇到了以下错误

1. 在移动页面上有一个下拉菜单供用户选择跳转到页面的特定部分，在 iOS 上当用户选择下拉菜单时，Safari 会自动放大页面。我想检查如何防止这种情况
2. 在 iOS Safari 上，当用户尝试滚动 html 表格几乎覆盖整个页面的页面时，他们将无法滚动页面。用户将不得不尝试触摸表格未覆盖的页面的特定部分。即当用户尝试在页面上滚动时，他们触摸了表格，他们将无法向上或向下滚动

对于我的第一个问题，我尝试在文档就绪函数中添加以下 JS，但它没有帮助

$(window).resize(function() {
  if($(window) !== windowWidth){
      clearTimeout(executeFunction);
      executeFunction = setTimeout(function() {
         fn(variable);
      }, timeToExecute);
  }
});

对于我的第二个问题，我尝试了以下 CSS，但似乎没有帮助

html, body { height: 100% !important; }

Answer 1

我可以通过将下拉列表的最小字体大小设置为 16px 来修复我的自动缩放选项，因为当字体大小小于 16px 时，safari 会自动缩放

#ddlNavigation,
#ddlNavigation:focus{
    font-size:16px !important;
}

对于我的 html 表格滚动，我使用了 niceScroll.js它设法解决了我的问题