首页 HTML5移动端正文

移动webApp便利贴:苹果专用

需要->添加到主屏幕
1. 作为app运行
<meta name=”apple-mobile-web-app-capable” content=”yes” />
2. 标题栏的样式
<meta name=”apple-mobile-web-app-status-bar-style” content=”default” />
当然其值还可以是:
default
black
black-translucent
3. 标题
<meta name=”apple-mobile-web-app-title” content=”标题”>
4. webApp桌面图标
<link rel=”apple-touch-icon-precomposed” href=”a.png” />
5. 启动画面
<link rel=”apple-touch-startup-image” href=”startup.png” />
横屏和竖屏:
<link rel=”apple-touch-startup-image” media=”screen and (orientation: portrait)” href=”startup.png” /> <!–竖–>
<link rel=”apple-touch-startup-image” media=”screen and (orientation: landscape)” href=”startup.png” /> <!–横–>

iphone:320*460

ipad:startup.png 768×1004


———————————————-
6. 禁用手机号码链接
<meta name=”format-detection”content=”telephone=no”/>
7. 阻止旋转屏幕时自动调整字体大小
-webkit-text-size-adjust:none;
8. IOS中禁止用户选中文字
-webkit-user-select:none;

待续……


版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。

评论