代码改变世界

为iOS优化你的Web App

2013-01-22 10:36  Tracy E  阅读(647)  评论(0)  编辑  收藏  举报 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        
        <!-- 定义屏幕大小，设置不可缩放 -->
        <meta name="viewport" content="width-device-width, initial-scale=1.0, maximun-scale=1.0" />
        
        <!-- 设置支持Apple全屏模式，即不显示浏览器状态条和收缩条 -->
        <meta name="apple-mobile-web-app-capable" content="yes" />
        
        <!-- 设置程序状态条样式 -->
        <meta name="apple-mobile-web-app-status-bar-style" content="default" />
        
        <!-- 设置智能App推广条 -->
        <meta name="apple-itunes-app" content="app-id=399608199" />  
        
        <!-- 设置程序桌面图标 -->
        <link rel="apple-touch-icon" href="./icon.png" />
        
        <!-- 设置程序启动画面 -->
        <link rel="apple-touch-startup-image" href="default.png" />
            
        <!-- title会被当做默认桌面程序名称 -->
        <title>中银掌上行</title>
    </head> 
    
    <body style="margin:0;">
        <iframe src="http://mbs.boc.cn" style="border:0; width:100%; height:100%;">
        </iframe>
    </body>
</html>