手机浏览器input框获得焦点时自动放大解决办法

一、head中加入一串代码限制缩放

<meta content="yes" name="apple-mobile-web-app-capable">
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">

二、一般情况下上述办法都能解决该问题，如果解决不了，那么有可能是input框字体设置在16px以下时，移动浏览器会认为用户看不清，自动放大input框，解决办法就是把input框字体设置在16px及以上就可解决

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,863评论 1赞 92
  • ios和android 浏览器适配问题总结
    相关知识点 移动端、 适配（兼容）、 ios点击事件300ms延迟、 点击穿透、 定位失效...... 问题&解决...
    sandisen阅读 25,662评论 3赞 67
  • 优秀第三方
    发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,295评论 4赞 61
  • 当日感想
    这几天感觉眼睛与肩膀有些不舒服，8小时上班时间坐在电脑旁不想动。晚上写字时，肩膀特别不舒服。 运动太少了，8小时工...
    走向阳光的自己阅读 380评论 2赞 2
  • 《默契》
    我们之间， 也许就是擦肩而过。 我们互为知己， 陪伴彼此， 无数伤心难过的夜。 我们都在寻找， 我们都已找到。 也...
    1时依1阅读 459评论 0赞 3