移動端上Web的一些CSS屬性
1，-webkit-tap-highlight-color 點擊頁面元素時出現的高亮背景。
這個情況在安卓和iOS上都有。
-webkit-tap-highlight-color:transparent即可去除，一般用rgba來設置
2，-webkit-appearance 改變html元素的外觀，使其類似于原生控件。
這個屬性引起注意是源于iOS上button樣式不遵從我寫的Css，然后就百度到了這個屬性。iOS上，safari的button是有默認屬性的：
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: push-button;
white-space: pre;
}
所以只需要在自己寫的css上面加上-webkit-appearance : none ;就可以了
3，meta viewport 屬性的設置。
在html的head標簽里面，需要如下設置。
<meta name="viewport" content="width=device-width,user-scalable=no">
普通的網站在手機瀏覽器里面打開，會自動被縮放至瀏覽器寬度大小。如果你不想瀏覽器這么做，那么就加上“width=device-width”這個值。
在網站里面如果雙擊頁面或者在輸入框中輸入，瀏覽器會自動將頁面放大。如果你不想瀏覽器這么做，那么就加上“user-scalable=no”這個值。
4，mobile-agent。
如果你的PC頁面有對應的移動端頁面，將這個meta屬性用在PC的頁面里面，
例如<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">，
如果用戶用搜索引擎搜索到你的網頁時，會對應跳轉到移動端的頁面。
5，-webkit-scrollbar
如果不想讓瀏覽器出現滾動條可以這樣寫：
::-webkit-scrollbar {
display: none;
}
滾動條是一個偽元素，可以自定義樣式。這個偽類可以將webkit自身的滾動條渲染關閉，只按照用戶自定義的css信息進行渲染。