码迷,mamicode.com
首页 > 移动开发 > 详细

手机页面的 HTML<meta> 标签使用与说明

时间:2016-11-20 19:17:01      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:port   web   bsp   init   scala   initial   icon   状态   cal   

name="viewport“ 设置窗口(网页可绘制的区域)

width=“device-width” 应用宽与屏幕的宽一样的 (height同width)

initial-scale="1.0" 应用程序启动是缩放尺寸

minmum-scale=”1.0“ 用户可缩放的最小尺寸,1.0表示不缩放(maxmum-scale同minmum-scale)

user-scalable=”no“ 用户可用手势缩放 

target-densitydpi=”device-dpi“ (制定像素密度DPI即dots per inch)device-dpi 为原设备的DPI值不缩放 注 1inch=24.5mm=2.54cm

<meta http-equiv="X-VA-Compatible" content=”IE=edge“> 强制使用ie最新内核模式渲染

<meta name="formate-detection" content="email/telephone=no/yes"> 是否在手机上自动识别电话号,邮箱号

<meta name=”apple-mobile-web-app-capable“ content=“yes”> 是否启用全屏模式,删除默认的苹果工具栏和菜单栏

<meta name="apple-mobile-web-app-status-bar-style" content="black"> 在web app应用下状态条(屏幕顶条)的颜色

<meta name="apple-touch-fullscreen" content="yes"> 添加到主屏后,全屏显示

<meta name="MobileOptimized" content=”240“> 浏览器不会自动调整文件的大小

 

苹果 web app

<link rel="apple-touch-icon-precomposed" href="iphone-milanoo.png"> 这个link就是设置web app的放置主屏幕上的icon文件路径,该路径需要注意的就是放到网站的文档根目录下,但不是服务器文档根目录。

<link rel="apple-touch-startup-image" href="milanoo-startup.png"> 这个link 就是设置启动时候的界面,放置路径同上,使用路径同上

 

手机页面的 HTML<meta> 标签使用与说明

标签:port   web   bsp   init   scala   initial   icon   状态   cal   

原文地址:http://www.cnblogs.com/fancy-blog/p/6083039.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!