input:focus{outline:none}
input:{-webkit-appearance: none;}
<meta name="format-detection" content="telephone=no"> <meta http-equiv="x-rim-auto-match" content="none">
将上面的代码加入到<head>标签中
<meta content="email=no" name="format-detection" />
line-height: (和input框的高度一样高)---pc端解决方法
line-height:normal ---移动端解决方法
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }
img{ pointer-events: none; }
这个会让img标签的点击事件失效,如果想要给图片添加点击事件就要给上面再写一层
9.禁止页面缩放
这样设置在ios10系统中是失效的,如果需要禁止ios缩放,下面代码亲测有用
window.onload=function () { 禁止双击放大 document.addEventListener(‘touchstart‘,function (event) { if(event.touches.length>1){ event.preventDefault(); } }) var lastTouchEnd=0; document.addEventListener(‘touchend‘,function (event) { var now=(new Date()).getTime(); if(now-lastTouchEnd<=300){ event.preventDefault(); } lastTouchEnd=now; },false); 禁止手势放大 document.addEventListener(‘gesturestart‘, function (event) { event.preventDefault(); }); }
10.一些情况下对非可点击元素如(label,span)监听点击事件,不会在IOS下触发,css增加cursor:pointer就搞定了(未测试)
11.上下拉动滚动条时卡顿、慢(未测试)
body { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
Android3+和iOS5+支持CSS3的新属性为overflow-scrolling
原文:https://www.cnblogs.com/web-record/p/11635479.html