移动页面最佳实践

移动开发页面要写一些media和link

 

最主要的是 viewport

<media name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>

 

还有一些meida(注意这些都是IOS设备下)：

IOS桌面图标启动是否是全屏值有yes|no

<media name="apple-mobile-web-app-capable" content="yes"/>

 

IOS启动全屏下的状态栏的样式default | black | black-translucent

<media name="apple-mobile-web-app-status-bar-style" content="black"/>

 

iOS设备上禁止将数字识别为可点击的tel link

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

 

还有一些link设置

 

ios设备启动图片

<link href="" rel="apple-touch-start-image"/>

 

ios设备桌面图标

<link href="" rel="apple-touch-icon"/>