如何拯救你的H5？移动端常见问题集锦，小白免入

<meta name="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>

默认英文字体是Helvetica

默认数字字体是HelveticaNeue

无微软雅黑字体

2.Android 系统

默认中文字体是Droidsansfallback

默认英文和数字字体是Droid Sans

无微软雅黑字体

3.Winphone 系统

默认中文字体是Dengxian(方正等线体)

默认英文和数字字体是Segoe

无微软雅黑字体

各个手机系统有自己的默认字体，且都不支持微软雅黑，如无特殊需求，手机端无需定义中文字体，使用系统默认英文字体和数字字体可使用 Helvetica ，三种系统都支持。

font-family:Helvetica;

<a href="tel:13666655546">客服电话</a>

<a href="sms:13666655546">客服短信</a>

<meta name="format-detection"content="telephone=no" />

<meta name="format-detection" content="email=no"/>

element::-webkit-scrollbar{ display: none;}

-webkit-user-select: none;user-select: none;

-webkit-touch-callout: none;

-webkit-tap-highlight-color:rgba(0,0,0,0);

img{display:block}；

img{float:left}；

img{vertical-align:top}

::-webkit-input-placeholder{color:#ccc}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none !important; margin: 0;}

<input type="text" autocapitalize="off" />

<input type="text" autocorrect="off" />

-webkit-text-size-adjust: 100%;

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{}

}

input::-webkit-input-speech-button {display: none}