iPad上web 开发的一些事情

概述一、META、Link设置 1、设置Safari的页面宽度（在iPhone中默认宽度为980px） <meta name=”viewport” content=”user-scalable=no, width=device-width” /> 2、添加Home Screen图标 <link rel=”apple-touch-icon” href=”myCustomIcon.png” /> <lin

一、Meta、link设置
1、设置Safari的页面宽度（在iPhone中默认宽度为980px）
<Meta name=”vIEwport” content=”user-scalable=no,wIDth=device-wIDth” />

2、添加Home Screen图标
<link rel=”apple-touch-icon” href=”myCustomIcon.png” />
<link rel=”apple-touch-icon-precomposed” href=”myCustomIcon.png” />

3、全屏模式
<Meta name=”apple-mobile-web-app-capable” content=”yes” />

4、状态栏样式（只有在全屏模式下才可以改变状态栏样式）
<Meta name=”apple-mobile-web-app-status-bar-style” content=”black” />

5、App加载图片（相当于经常使用的loading部分）
<Meta name=”apple-touch-startup-image” href=”myCustomStartupGraphic.png” />

6、OrIEntation CSS（Media Queries）
<link rel=”stylesheet” media=”screen and (orIEntation: portrait)” href=”portrait.CSS” />
<link rel=”stylesheet” media=”screen and (orIEntation: landscape)” href=”landscape.CSS” />

<Meta name="vIEwport" content="wIDth=device-wIDth,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0">

总结

以上是内存溢出为你收集整理的iPad上web 开发的一些事情全部内容，希望文章能够帮你解决iPad上web 开发的一些事情所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。