2016-09-25 143 views
0

我正在开发一个用于桌面和移动视图的网站。但是当我测试iOS上的Safari浏览器我的手机查看我遇到以下错误iOS Safari浏览器随机调整大小和滚动问题

  1. 在移动网页上有用户一个下拉列表选择跳转到网页的某一部分,在iOS上,当用户在下拉菜单中选择下来,Safari会自动放大到页面。我想检查一下如何防止iOS Safari上的这个
  2. ,当用户试图滚动html表格覆盖几乎整个页面的页面时,他们将无法滚动页面。用户将不得不尝试触摸表格未覆盖的页面的特定部分。即当用户试图滚动页面和他们动桌子上,他们将不能够为我的第一个问题,我试图在文件准备功能加入以下JS向上或向下滚动

但它不是帮助

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

为我的第二个问题,我尝试了以下CSS,但似乎不能帮助

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

请问两个问题。您的缩放问题可能是http://stackoverflow.com/questions/6483425/prevent-iphone-from-zooming-in-on-select-in-web-app的重复,很容易找到 – mplungjan

+0

嗨mplungjan。我知道解决方案。我很抱歉没有被清除。使用该修复会导致用户无法在移动设备上放大浏览器,这是不正确的。我只想禁用iOS Safari自动缩放 – user2260526

回答

0

我能够固定我的自动缩放选项,通过下拉列表的最小字体大小设置为16px sinc ËSafari会自动变焦时的字体大小小于16px的

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

我的HTML表格滚动我用niceScroll.js,并设法固定我的问题

相关问题