前言:
最近在公司中完成本周任务时,遇到了一个问题:在公众号中进入搜索页面,当点击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>