html5 移动端 手机端 Meta设置 总结如下:

1、强制让页面的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览。
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
2、 WebApp全屏模式 隐藏地址栏。
<meta name="apple-mobile-web-app-capable" content="yes" />
3. 禁止百度转码显示。
<meta http-equiv="Cache-Control" content="no-siteapp">
4. 制定iphone中safari顶端的状态条的样式(default:白色,black:黑色,black-translucent:半透明)
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
5. 添加到IOS主屏后的标题。
<meta name="apple-mobile-web-app-title" content="标题名称">

相关阅读:

  • http://www.haorooms.com/post/html_meta_ds
  • http://www.mfbuluo.com/9534.html
  • http://jingyan.baidu.com/article/e75057f2a5a689ebc91a893d.html
  • http://www.chinaz.com/web/2014/0113/335167.shtml
  • http://mt.sohu.com/20150228/n409217556.shtml
  • http://zhangge.net/4535.html 张戈博客

你可能感兴趣的:(CSS,HTML)