APP内嵌H5点击输入框页面放大问题解决

最新推荐文章于 2023-10-30 10:50:00 发布

热心市民`

最新推荐文章于 2023-10-30 10:50:00 发布

阅读量811

点赞数 1

本文链接：https://blog.csdn.net/m0_48074947/article/details/128625171

版权

APP内嵌H5点击输入框页面放大问题解决

原因分析

ios中默认input的字体小于16px，ios为了方便看清字，会自动放大页面，
如果是app内嵌这个h5页面，有些webview会偷偷把你meta标签给干掉，导致设置无效，所以针对这种情况，可以叫app端的同学去改，也可以自己手动用js赋上

解决方法

1 设置meta标签

2.js手动赋上

window.onload = 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)
  }

参考连接:https://www.jianshu.com/p/a1b4a89b4976