美文网首页
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