美文网首页
IOS input聚焦时被放大

IOS input聚焦时被放大

作者: 王善良_ | 来源:发表于2021-07-21 17:13 被阅读0次

原因:

input的字体小于16px,ios为了方便看清字,会自动放大页面,

参考: https://zhuanlan.zhihu.com/p/144010404

解决:

  • 方法1 (不推荐):网上查询到、可以用css ,js的一些方法 给input字体设置成16px
  • 方法2: 设置meta标签
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

方法2坑点:

如果是app内嵌这个h5页面,有些webview会偷偷把你meta标签给干掉,导致设置无效,所以针对这种情况,可以叫app端的同学去改,也可以自己手动用js赋上

js手动赋上:

$(document).ready(function(){
    var script = document.createElement('meta');
          script.name = 'viewport';
          script.content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no";
          document.getElementsByTagName('head')[0].appendChild(script);
})

相关文章

网友评论

      本文标题:IOS input聚焦时被放大

      本文链接:https://www.haomeiwen.com/subject/tsijmltx.html