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