移动端常见的一些问题

1、QQ强制竖屏或者横屏显示

<meta name="x5-orientation" content="portrait | landscape" />

2、QQ设置全屏

<meta name="x5-fullscreen" content="true" />

3、UC强制竖屏或者横屏显示

<meta name="screen-orientation" content="portrait | landscape" />

4、UC全屏显示

<meta name="full-screen" content="true" />

5、禁止拨打电话号码和邮箱

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

<p>15210222829</p>  <!--不可进行拨打-->

<a href="tel:15210222829">请拨打电话号码</a>

<a href="malto:liuwanbin@.com">请发送邮箱</a>

6、去掉点击时候的高亮颜色

<style>

a,input,button{-webkit-tap-highlight-color: rgb(0,0,0,0);}

</style>

<a href="https://www.google.com/">去掉点击后的高亮颜色</a>

7、清除IOS下按钮圆角问题

<style>

input,button{-webkit-appearance:none;border-radius:0;}

</style>

<input type="button" value="圆角" />

8、字体设置

font-family:Helvetica;

9、禁止字体放大缩小

body,*{-webkit-text-size-adjust:100%;} /*但有时候需要考虑竖屏，横屏改变字体大小问题*/

10、禁止选中文字

body,*{-webkit-user-select:none }  /*有兼容问题*/