移动端web开发，基本Meta标签
|
1 2 |
<!--作用：设置默认尺寸，对缩放进行限制。 --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" /> |
|
1 2 |
<!--作用：添加到主屏幕“后，全屏显示 --> <meta name="apple-touch-fullscreen" content="yes"> |
|
1 2 |
<!--作用：删除默认的苹果工具栏和菜单栏。--> <meta name="apple-mobile-web-app-capable" content="yes" /> |
|
1 2 3 |
<!--作用：控制状态栏显示样式。默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。 注意：若值为“black-translucent”将会占据页面px位置，浮在页面上方（会覆盖页面20px高度，iphone4和itouch4的Retina屏幕为40px）。--> <meta name=”apple-mobile-web-app-status-bar-style” content=black” /> |
|
1 2 |
<!--作用：设置web app的放置主屏幕上icon文件路径。图片尺寸可以设定为57*57（px）或者Retina可以定为114*114（px），ipad尺寸为72*72（px）。--> <link rel="apple-touch-icon-precomposed" href="http://spion.blog.163.com/blog/iphone_milanoo.png" /> |
|
1 2 3 4 |
<!--说明：format-detection翻译成中文的意思是“格式检测”--> <meta name="format-detection" content="telephone=no" /> <!--禁止把数字转化为拨号链接。--> <meta name="format-detection" content="email=no" /> <!--告诉设备不识别邮箱，点击之后不自动发送。--> <meta name="format-detection" content="address=no"> <!--禁止跳转至地图。--> |