隱藏文本框陰影
input, textarea{-webkit-appearance:@none;}
取消手機(jī)點(diǎn)擊屏幕時(shí)，會(huì)出現(xiàn)的灰塊
html,body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
移動(dòng)端網(wǎng)站或APP點(diǎn)擊后出現(xiàn)閃動(dòng)或灰色背景
只需對(duì)綁定事件添加class樣式 使其觸發(fā)事件時(shí)背景為透明色
.class{-webkit-tap-highlight-color:transparent;}
移動(dòng)web開(kāi)發(fā)經(jīng)驗(yàn)總結(jié)
1荣茫、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同時(shí)屏蔽ios和android下點(diǎn)擊元素時(shí)出現(xiàn)的陰影想帅。備注：transparent的屬性值在android下無(wú)效。
2啡莉、-webkit-appearance:none可以同時(shí)屏蔽輸入框怪異的內(nèi)陰影港准。
3旨剥、-webkit-transform:translate3d(0, 0, 0)在ios下可以讓動(dòng)畫更加流暢（這個(gè)屬性會(huì)調(diào)用硬件加速模式），但是在android下不可亂用浅缸，很多見(jiàn)所未見(jiàn)的bug就是因?yàn)檫@個(gè)轨帜。
4、@-webkit-keyframes可以預(yù)定義很多你所想到的動(dòng)畫衩椒，然后通過(guò)-webkit-transition來(lái)調(diào)用阵谚。
5、-webkit-background-size可以做高清圖標(biāo)烟具，不過(guò)一些低版本的android只能識(shí)別background-size梢什，所以有必要兩個(gè)都要寫上；用這個(gè)屬性的時(shí)候推薦樹(shù)勇cover這個(gè)值朝聋，可以自動(dòng)去匹配寬和高嗡午。
6、text-shadow多用這個(gè)屬性冀痕，可以美化文字效果荔睹。
7、border-radius言蛇、box-shadow僻他、gradient、border-image腊尚，不解釋吨拗，可以精簡(jiǎn)代碼。
8婿斥、android劝篷、ios4及以下，固定寬/高塊級(jí)元素的overflow:scroll/auto失效民宿，屬于瀏覽器的bug娇妓，可借助第三方工具實(shí)現(xiàn)。
9活鹰、ios5+可以通過(guò)scrollTo(0,0)來(lái)自動(dòng)隱藏瀏覽器地址欄哈恰。
10、width可是寬度志群，initial-scale初始化縮放比例着绷，maximum-scale允許用戶縮 放的最大比例，minimum-scale允許用戶縮放的最小比例赖舟，user-scalable是否允許用戶縮放蓬戚。
11夸楣、允許用戶添加到主屏幕宾抓，并提供webapp的支持子漩。
12、css3動(dòng)畫會(huì)影響你的自動(dòng)聚焦石洗，所以自動(dòng)聚焦要在動(dòng)畫執(zhí)行之前來(lái)做幢泼，或者直接舍棄。
13讲衫、使用media query適配不同屏幕缕棵。
14、如果涉及較多域外鏈接涉兽，DNS Prefetching可以幫你做DNS預(yù)解析招驴。
15、如果你希望你的站點(diǎn)更多地在SNS上傳播枷畏，那么Open Graph Protocol會(huì)比較適合你别厘。
16、當(dāng)用iScroll時(shí)候拥诡，不能使用:focus{outline:0}偽類触趴，否則滑動(dòng)會(huì)卡。
