background:url(../images/icon/all.png) no-repeat center center;
-webkit-background-size:50px 50px;
background-size: 50px 50px;display:inline-block; width:100%; height:50px; 

<li><canvas></canvas></li>
js动态加载图片和li 总共举例17张图片！
var total=17;
var zWin=$(window);
var render=function(){var padding=2;var winWidth=zWin.width();var picWidth=Math.floor((winWidth-padding*3)/4);var tmpl ='';for (var i=1;i<=totla;i++){var p=padding;var imgSrc='img/'+i+'.jpg';if(i%4==1){p=0;}tmpl +='<li style="width:'+picWidth+'px;height:'+picWidth+'px;padding-left:'+p+'px;padding-top:'+padding+'px;"><canvas id="cvs_'+i+'"></canvas></li>';var imageObj = new Image();imageObj.index = i;imageObj.onload = function(){var cvs =$('#cvs_'+this.index)[0].getContext('2d');cvs.width = this.width;cvs.height=this.height;cvs.drawImage(this,0,0);}imageObj.src=imgSrc;}
}
render();

body { -webkit-overflow-scrolling: touch; overflow-scrolling: touch;
} 

Element {-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;　　user-select: none;}

element { -webkit-touch-callout: none;
} 

Element{ -webkit-appearance: none;
} 

Element { -webkit-tap-highlight-color:rgba(255,255,255,0)
} 

<style>a {color: #000;}a:active {color: #fff;}
</style>
<a herf=foo >bar</a>
<script>document.addEventListener('touchstart',function(){},false);
</script>

Element { -webkit-transform:translate3d(0, 0, 0) transform: translate3d(0, 0, 0);
} 

if( 'WebkitMask' in document.documentElement.style){alert('支持mask');
} else {alert('不支持mask');
}

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:100%;
} 

-webkit-transform-style: preserve-3d; 

-webkit-backface-visibility:hidden; 

background-clip: padding-box; 

<meta http-equiv="Cache-Control" content="no-cache" /> 

<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png" />
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png" />

<link rel="apple-touch-icon-precomposed" href="touch-icon-iphone.png" /> 

<link rel="apple-touch-startup-image" href="start.png"/> 

<link href="apple-touch-startup-image-320x460.png" media="(device-width: 320px)" rel="apple-touch-startup-image" />
<!-- iPhone Retina -->
<link href="apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<!-- iPhone 5 -->
<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" href="apple-touch-startup-image-640x1096.png">
<!-- iPad portrait -->
<link href="apple-touch-startup-image-768x1004.png" media="(device-width: 768px) and (orientation: portrait)" rel="apple-touch-startup-image" />
<!-- iPad landscape -->
<link href="apple-touch-startup-image-748x1024.png" media="(device-width: 768px) and (orientation: landscape)" rel="apple-touch-startup-image" />
<!-- iPad Retina portrait -->
<link href="apple-touch-startup-image-1536x2008.png" media="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<!-- iPad Retina landscape -->
<link href="apple-touch-startup-image-1496x2048.png"media="(device-width: 1536px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)"rel="apple-touch-startup-image" />

<!-- QQ浏览器私有 -->
<!-- 全屏模式 -->
<meta name="x5-fullscreen" content="true">
<!-- 强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- 强制横屏 -->
<meta name="x5-orientation" content="landscape">
<!-- 应用模式 -->
<meta name="x5-page-mode" content="app">
<!-- UC浏览器私有 -->
<!-- 全屏模式 -->
<meta name="full-screen" content="yes">
<!-- 强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- 强制横屏 -->
<meta name="screen-orientation" content="landscape">
<!-- 应用模式 -->
<meta name="browsermode" content="application">

<meta name="HandheldFriendly" content="true">
微软的老式浏览器
<meta name="MobileOptimized" content="320">
windows phone 点击无高光
<meta name="msapplication-tap-highlight" content="no">

<input type="text" id="testInput">
<script type="text/javascript">
document.getElementById('testInput').addEventListener('input', function(e){var value = e.target.value;
});
</script>

<input type="number" οninput="checkTextLength(this ,10)">
function checkTextLength(obj, length) {if(obj.value.length > length)  { obj.value = obj.value.substr(0, length);}
}

<input type="number" step="0.01" /> 

<input type="number" step="3.1" min="1" />

input[type=number] {-moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;
}

input,
textarea {border: 0;-webkit-appearance: none;
}

<input type="text" autocapitalize="off" />

select option {direction: rtl;
}

-webkit-transform: rotate(-4deg) skew(10deg) translateZ(0);
transform: rotate(-4deg) skew(10deg) translateZ(0);
outline: 1px solid rgba(255,255,255,0)

<div id="haorooms">点头事件测试</div>
<a href="#">www.xxx.com</a>

$('#haorooms').on('tap',function(){$('#haorooms').hide();
});

$(“#haorooms”).on(“touchend”, function (event) { event.preventDefault();
}); 

input:-ms-clear{display:none;} 

-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%; 

this.value = this.value.replace(/\u2006/g, ”); 

document.addEventListener('touchstart', function () {document.getElementsByTagName('audio')[0].play();document.getElementsByTagName('audio')[0].pause();
});

<input placeholder="Date" class="textbox-n" type="text" οnfοcus="(this.type='date')"  id="date">

#Search::-webkit-search-cancel-button{display: none;
}

zepto方式:
$(sltElement).trrgger("mousedown");
原生js方式:
function showDropdown(sltElement) {var event;event = document.createEvent('MouseEvents');event.initMouseEvent('mousedown', true, true, window);sltElement.dispatchEvent(event);
};