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

Question

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

1. 在移动页面上有一个下拉列表供用户选择跳转到页面的某个部分，在iOS上当用户选择下拉菜单时，Safari会自动放大到该页面。我想查看我如何阻止这个
在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;
}

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