首页 > 移动平台 > 详细

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

时间:2016-11-20 19:16:40      阅读:309      评论:0      收藏:0      [点我收藏+]

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> 标签使用与说明

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!