1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同時遮蔽ios和android下點選元素時出現的陰影。
備註：transparent的屬性值在android下無效。
2、-webkit-appearance:none可以同時遮蔽輸入框怪異的內陰影。
3、-webkit-transform:translate3d(0, 0, 0)在ios下可以讓動畫更加流暢（這個屬性會呼叫硬體加速模式），但是在android下不可亂用，很多見所未見的bug就是因為這個。
4、@-webkit-keyframes可以預定義很多你所想到的動畫，然後通過-webkit-transition來呼叫。
5、-webkit-background-size可以做高清圖示，不過一些低版本的android只能識別background-size，所以有必要兩個都要寫上；用這個屬性的時候推薦用cover這個值，可以自動去匹配寬和高。
6、text-shadow多用這個屬性，可以美化文字效果。
7、border-radius、box-shadow、gradient、border-image，不解釋，可以精簡程式碼。
8、android、ios4及以下，固定寬/高塊級元素的overflow:scroll/auto失效，屬於瀏覽器的bug，可藉助第三方工具實現。
9、ios5+可以通過scrollTo(0,0)來自動隱藏瀏覽器位址列。
10、width可是寬度，initial-scale初始化縮放比例，maximum-scale允許使用者縮放的最大比例，minimum-scale允許使用者縮放的最小比例，user-scalable是否允許使用者縮放。
11、允許使用者新增到主螢幕，並提供webapp的支援。
12、css3動畫會影響你的自動聚焦，所以自動聚焦要在動畫執行之前來做，或者直接捨棄。
13、使用media query適配不同螢幕。
14、如果涉及較多域外連結，DNS Prefetching可以幫你做DNS預解析。
15、如果你希望你的站點更多地在SNS上傳播，那麼Open Graph Protocol會比較適合你。
16、當用iScroll時候，不能使用:focus{outline:0}偽類，否則滑動會卡。
17、-webkit-user-select: none; 禁止使用者進行復制.選擇。
========
lazyload.js 實現列表圖片非同步載入
//先載入jquery
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
//再載入lazyload
<script type="text/javascript" src="http://www.jo2.org/js/jquery.lazyload.js"></script>
<script type="text/javascript">
jQuery(document).ready(
function($){
$("img").lazyload({
placeholder : "非同步圖片載入地址", //載入圖片前的佔點陣圖片
effect : "fadeIn" //載入圖片使用的效果(淡入)
});
});
</script>