原因:
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);
})
网友评论