> 这里尽可能总结了你所遇到的样式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*/ } ~~~