30
2014
03

学习HTML5开发手机项目----个人总结

让网页的宽度自适应屏幕<meta name="viewport" content="width=device-width"/>  
1)html上加入<meta name="viewport" content=" initial-scale=1.0,user-scalable=no" />
     发确保网页的效果
2) 加上以下语句可使网页在苹果设备上运行更好
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
3)加入这句话可以定义iphone的添加到主屏幕的图标
    <link rel="apple-touch-icon" href="/images/logo.png" />

«1»