解决IOS 10 Safari浏览器input控件获取焦点后页面放大问题
发布在小段的前端之路2016年9月15日view:1651HTML5bijoux cartier homme faux前端开发移动开发UI 开发前端工程师HTML网页设计
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

IOS 10 Safari浏览器目前处于基本无视viewport缩放禁用设置的状态,导致当前用户可以直接缩放整个页面并且页面在input控件获取焦点后也会自动放大。对于前一个问题,似乎也没有解决方法。不过,后一个问题则是由于viewport标签没有添加user-scalable=0 导致(所以很可能user-scalable=0仍然有用,只是会被用户的强行缩放覆盖),比如知乎首页的input搜索框。请遇到这个问题的开发者修改.

这是IOS 10更新记录:

To improve accessibility on websites in Safari, users can now pinch-to-zoom even when a website sets user-scalable=no in the viewport.

或许需要通过监听touch事件来解决第一个问题了.

来自于我的小博客

评论
发表评论
暂无评论
WRITTEN BY
还我昨天
都说现在IT技术界学习浮躁,而我就是想把前端专研透,每当我看到精美绝伦,交互完美的web时,我就想通过自我努力达到这个目标。这是一桶水到一片海的距离,不过我会实现的。
TA的新浪微博
PUBLISHED IN
小段的前端之路

见证我的前端历程!

我的收藏