2.移动设备技巧

一、去除IOS元素周围橙色外框

CSS:

{

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

}

二、避免横竖屏切换时，移动设备字体大小自动修改

CSS:

html{

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

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

    text-size-adjust:100%;

}

 

三、获取当前设备横竖屏状态

window.orientation||screen.orientation

 

四、当网页站点配备Apple Store APP时，提供APP下载链接

<meta name=”apple-itunes-app” content=”app-id=xxxxxxx”>