移动端上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信息进行渲染。