移动页面最佳实践

移动开发页面要写一些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"/>

猜你喜欢

转载自tongdandanrrr.iteye.com/blog/2018016
今日推荐