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

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 就是设置启动时候的界面，放置路径同上，使用路径同上