> 這里盡可能總結了你所遇到的樣式bug，歡迎大家補充完善。 [TOC] ### 點擊樣式閃動 Q: 當你點擊一個鏈接或者通過Javascript定義的可點擊元素的時候，它就會出現一個半透明的灰色背景。 A:根本原因是-webkit-tap-highlight-color，這個屬性是用于設定元素在移動設備（如Adnroid、iOS）上被觸發點擊事件時，響應的背景框的顏色。建議寫在樣式初始化中以避免所以問題：div,input(selector) {-webkit-tap-highlight-color: rgba(0,0,0,0);}另外出現藍色邊框：outline:none； ~~~ -webkit-tap-highlight-color : rgba (255, 255, 255, 0) ; -webkit-tap-highlight-color : transparent ; // i.e . Nexus5/Chrome and Kindle Fire HD 7 '' ~~~ ### 屏蔽用戶選擇 Q: 禁止用戶選擇頁面中的文字或者圖片 A:代碼如下 ~~~ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; ~~~ ### 判斷橫屏豎屏 Q:如題 A:代碼如下： ~~~ /*css判斷橫屏 豎屏*/ @media screen and (orientation: portrait) { /*豎屏 css*/ } @media screen and (orientation: landscape) { /*橫屏 css*/ } ~~~