首页 > 代码库 > 手机页面的 HTML<meta> 标签使用与说明
手机页面的 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="http://www.mamicode.com/iphone-milanoo.png"> 这个link就是设置web app的放置主屏幕上的icon文件路径,该路径需要注意的就是放到网站的文档根目录下,但不是服务器文档根目录。
<link rel="apple-touch-startup-image" href="http://www.mamicode.com/milanoo-startup.png"> 这个link 就是设置启动时候的界面,放置路径同上,使用路径同上
手机页面的 HTML<meta> 标签使用与说明