移动端开发,ios机型点击input,页面放大解决方案

Posted panchunxin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端开发,ios机型点击input,页面放大解决方案相关的知识,希望对你有一定的参考价值。

 方案一:

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

方案二:

    document.documentElement.addEventListener(‘touchstart‘, function (event) {
        if (event.touches.length > 1) {
          event.preventDefault();
        }
      }, false);
      document.addEventListener(‘gesturestart‘, function(event) {
        event.preventDefault();
      });

 

以上是关于移动端开发,ios机型点击input,页面放大解决方案的主要内容,如果未能解决你的问题,请参考以下文章

移动端开发兼容问题

移动端iPhone系列适配问题

HTML5 input date 移动端 IOS 不支持问题

ios h5踩坑关于ios上嵌入h5导致input聚焦时页面自动放大问题

Vue全家桶开发Android和IOS移动端应用常见问题解决

Vue全家桶开发Android和IOS移动端应用常见问题解决