您的位置:首页 > 汽车 > 新车 > 解决IOS中input聚焦时页面自动放大

解决IOS中input聚焦时页面自动放大

2024/12/31 1:21:17 来源:https://blog.csdn.net/gurenchang/article/details/141868120  浏览:    关键词:解决IOS中input聚焦时页面自动放大

前言:

最近在公司中完成本周任务时,遇到了一个问题:在公众号中进入搜索页面,当点击input搜索框时,安卓手机可以正常展示,但是在IOS中会自动进行放大,用户需要手动缩小才可以正常使用,严重影响用户体验, 

原因:

不同系统的浏览器内核不同,其中安卓的浏览器内核使用率最高的是Webkit内核,而在iOS以及WP7平台上,由于系统封闭,不允许除系统自带浏览器内核以外的浏览器内核进入,因此各家浏览器的开发均为在Safari或者IE内核的基础上进行二次开发

解决方案:

设置<meta>标签:

<Head><meta name="apple-mobile-web-app-capable" content="yes" /><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
</Head>

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com