禁止IOS系统浏览器自动放大焦点输入框

禁止IOS系统浏览器自动放大焦点输入框

  • 零弈社区
    管理员

    载IOS系统里访问网站,剪辑焦点框输入的时候,系统会自动放大网页,这对于本站而言会极大破坏体验。不过苹果对这件事似乎很执着,它是对所有网站,默认在点击输入框时,都会放大网页,很难理解这是什么逻辑,关键是放大之后,你退出输入框,它不会主动还原网页,而是要你滑动恢复,重新该表大小。

    网上搜索了下,解决方案很多,有说meta 设置即可,有的说meta设置无效,需要加入JS代码。但是经过老王测试,简单的meta设置即可生效:


    有需要的将这两行代码复制到自己主题文件的标签对之中即可。如果你使用的是wordpress,将这两行代码加入到你目前使用的主题的header.php里即可。如果你不会修改代码,那么你可以下载插件Head, Footer and Post Injections,在设置中找到Head and Footer,把这两行代码复制到第一个文本框,点击保存按钮即可。

    修改之后,刷新缓存,就生效了,点击文本框输入文字,safari和chrome浏览器,都不会在输入的时候放大网页了,这对很对使用HTML5构建web app或者客户端的人而言十分重要。

正在查看 1 个帖子:1-1 (共 1 个帖子)

哎呀,回复话题必需登录。

首页网站动态文章群组
论坛首页创业帮自媒体挨踢协会
墓志铭疯人院中年危机搜索