移動端CSS通用樣式

html { 
	font-family: "Helvetica Neue",Helvetica, sans-serif;
	/*谷歌瀏覽器字體最小字體12px*/
	-webkit-text-size-adjust: 100%;/*100%/none 關閉字體大小自動調整功能*/
	/*a標簽及擁有 :active偽類的元素有默認的高亮框*/
	-webkit-tap-hightlight-color: transparent;
	/*禁止文本被選中*/
	-webkit-user-select: none;
}
body{
　　　　 font-family: Helvetica;
	overflow-x:hidden;
	/*開啟moblie網頁快速滾動和回彈的效果*/
	-webkit-overflow-scrolling: touch;
	font-size: 12px;
}
*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a{
	display:block;
	width:100%;
	color: #333;
	text-decoration: none;
}
img{
	border: 0;
	display: block;
	width:100%;
	vertical-align: middle;
}
a, img {
        /*阻止長按頁面，彈出菜單的方法。*/
        -webkit-touch-callout:none;
}
input,textarea{
	-webkit-appearance: none;
	outline: none;
	border: none;
}

.fl{
	float:left;
}
.fr{
	float:right;
}
.clearfix:after{
	content:"";
	display:block;
	width:100%;
	height:0;
	clear:both;
}
li,ol{
	list-style:none;
}  
/*修改placeholder的字體顏色*/
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
    color: #000;   
}  
input::-moz-placeholder { /* Mozilla Firefox 19+ */  
    color: #000;  
}  
input:-ms-input-placeholder{  
    color: #000;  
}  
input::-webkit-input-placeholder{  
    color: #000;  
}     

　　注意：一個div上，可以最多放4個class樣式，可以將class樣式重復利用