移动端ios 点击input 放大出现遮罩层

ios上不起效,只能通过设置input的字体来阻止,ios 认为小于16px 的字体太小,只有放大用户才能看清,所以我们只能更改 input 字体大小

input:focus {

  font-size: 16px !important;

}

-webkit-tap-highlight-color:transparent;

但是据说ISO10的屏蔽了user-scalable=no,所以网上找了另一段据说可以监控js来达到目的的代码。

//设定苹果手机input框不自动放大监听

document.addEventListener('touchstart',function(event){

if(event.touches.length>1){

            event.preventDefault();

        }

    });

varlastTouchEnd=0;

document.addEventListener('touchend',function(event){

varnow=(newDate()).getTime();

if(now-lastTouchEnd<=300){

            event.preventDefault();

        }

        lastTouchEnd=now;

},false);

你可能感兴趣的:(移动端ios 点击input 放大出现遮罩层)