h5頁面在移動端需要註意的一些事情
H5頁面在移動端無法滿屏自適應窗口，怎麽辦？
<meta name="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
H5頁面在移動端字體應該怎麽設置？
1．iOS 系統
默認中文字體是Heiti SC
默認英文字體是Helvetica
默認數字字體是HelveticaNeue
無微軟雅黑字體
2.Android 系統
默認中文字體是Droidsansfallback
默認英文和數字字體是Droid Sans
無微軟雅黑字體
3.Winphone 系統
默認中文字體是Dengxian(方正等線體)
默認英文和數字字體是Segoe
無微軟雅黑字體
各個手機系統有自己的默認字體，且都不支持微軟雅黑，如無特殊需求，手機端無需定義中文字體，使用系統默認英文字體和數字字體可使用 Helvetica ，三種系統都支持。
font-family:Helvetica;
點擊鏈接就可以撥打電話，怎麽辦？
<a href="tel:136****5546">咪咕閱讀客服電話</a>
點擊鏈接就可以發送短信，怎麽辦？
<a href="sms:136****5546">咪咕閱讀客服短信</a>
H5頁面的數字不想識別為電話號碼，怎麽辦？
<meta name="format-detection"content="telephone=no" />
H5頁面想忽略Android平臺中對郵箱地址的識別，怎麽辦？
<meta name="format-detection" content="email=no"/>
不想顯示webkit的滾動條，怎麽辦？
element::-webkit-scrollbar{ display: none;}
H5頁面的內容想不被人選中，怎麽辦？
-webkit-user-select: none;user-select: none;
H5頁面想禁止長按鏈接或長按圖片後彈出菜單，怎麽辦？
-webkit-touch-callout: none;
想取消IOS裏Button、Input上的默認樣式，怎麽辦？
-webkit-appearance: none;
想在Android裏H5頁面touch時沒有藍色的邊框與遮罩，怎麽辦？
-webkit-tap-highlight-color:rgba(0,0,0,0);
多張圖片放置在一起，不想有4PX的空隙，怎麽辦？
img{display:block}；
img{float:left}；
img{vertical-align:top}
想改變Input裏 placeholder屬性的樣式，怎麽辦？
::-webkit-input-placeholder{color:#ccc}
H5頁面input type=”num”時想去掉右邊的上下箭頭，怎麽辦？
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none !important; margin: 0;}
H5頁面加載的圖片太大了，怎麽辦？
JPG圖片用JPEGmini壓縮，PNG可在線用http://tinypng.org/壓縮
在iOS系統中鍵盤輸入時不想首字母為大寫，怎麽辦？
<input type="text" autocapitalize="off" />
在IOS系統中鍵盤輸入關閉自動修正，怎麽辦？
<input type="text" autocorrect="off" />
屏幕旋轉橫屏豎屏切換時，想禁止文本縮放，怎麽辦？
-webkit-text-size-adjust: 100%;
H5頁面想有快速回彈滾動的效果，怎麽辦？
overflow: auto; /* auto | scroll */
-webkit-overflow-scrolling: touch;
屏幕旋轉橫屏豎屏切換時想支持有不同的事件，怎麽辦？
事件
window.orientation，取值：正負90表示橫屏模式、0和180表現為豎屏模式；
window.onorientationchange = function(){
switch(window.orientation){
case -90:
case 90:
alert("橫屏:" + window.orientation);
case 0:
case 180:
alert("豎屏:" + window.orientation);
break;
}
}
樣式
//豎屏時使用的樣式
@media all and (orientation:portrait) {
.css{}
}
//橫屏時使用的樣式
@media all and (orientation:landscape) {
.css{}
}
在Android 上想不顯示語音輸入按鈕，怎麽辦？
input::-webkit-input-speech-button {display: none}
想開發H5搖一搖功能，怎麽辦？
HTML5 deviceMotion：封裝了運動傳感器數據的事件，可以獲取手機運動狀態下的運動加速度等數據。
https://github.com/FrontEndRoad/HTML5-FAQ
h5頁面在移動端需要註意的一些事情