iOS safari 随机调整大小和滚动问题答案

【问题标题】：iOS safari random resize and scroll issueiOS safari 随机调整大小和滚动问题
【发布时间】：2016-09-27 18:01:36
【问题描述】：

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

在移动页面上有一个下拉菜单供用户选择跳转到页面的某个部分，在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; }

【问题讨论】：

请教两个问题。您的缩放问题可能与很容易找到的stackoverflow.com/questions/6483425/… 重复
嗨 mplungjan。我知道解决方案。我很抱歉没有被清除。使用该修复程序将导致用户无法在移动设备上放大浏览器，这是不行的。我只想禁用 iOS Safari 的自动缩放

标签： javascript css mobile safari

【解决方案1】：

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

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

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

【讨论】：