H5页面在苹果手机上点击输入框页面会放大

一.实际问题

就是微信公众号内嵌 H5 里写地图点位搜索框  点击搜索框的时候  在苹果手机上  页面会放大

安卓不会出现这种问题

二.出现原因

因为代码里未标识移动端元信息

三.解决方法

1.html页面里

直接在页面里添加

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

2.vue项目当中

在 public 文件夹下的 index.html 当中添加