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

16 浏览
0 Comments

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

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

  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; }

0

1 答案

0 Comments

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

问题原因：

Safari会在字体大小小于16px时自动缩放，导致自动缩放选项无法正常工作。

解决方法：

将下拉列表的最小字体大小设置为16px，以解决自动缩放问题。

代码如下：

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

另外，使用niceScroll.js插件可以解决HTML表格滚动问题。

0