<meta> 标记汇总
1. <meta name="viewport" content="width=device-width, initial-scale=1">
viewport 表示文档针对移动设备进行了优化,比如:
<meta name=”viewport” content=”width=240, height=320, user-scalable=yes, initial-scale=2.5, maximum-scale=5.0, minimun-scale=1.0”>
width - viewport的宽度
height - viewport的高度
user-scalable - 用户是否可以手动缩放; 值为yes时允许用户进行缩放,值为no时不允许缩放
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
2. <meta name="format-detection" content="telephone=yes"/> 在iPhone 手机上默认值是yes(电话号码显示为拨号的超链接)
<meta name="format-detection" content="telephone=no"/> 可将telephone=no,则手机号码不被显示为拨号链接
3.
<link rel="apple-touch-icon" href="图标路径" />
<link rel="apple-touch-icon-precomposed" href="图标路径"" />
iOS用rel="apple-touch-icon", android 用rel="apple-touch-icon-precomposed"。这样就能在用户把网页存为书签时,在手机HOME界面创建应用程序样式的图标。
4.
<meta name="renderer" content="webkit|ie-comp|ie-stand">
content 的取值为 webkit, ie-comp, ie-stand 之一,区分大小写,分别代表用 webkit 内核,IE 兼容内核,IE 标准内核。
如:若页面需默认用极速核,增加标签:
<meta name="renderer" content="webkit">
待续……
最新文章
- Unity5 AssetBundle
- python 常用模块 Top200
- OC中NSArray
- LINUX系统备份
- 解决ASP.NET MVC AllowAnonymous属性无效导致无法匿名访问控制器的问题
- Ubuntu14.04 和 Windows7 双系统安装
- 查看线程linux cpu使用率
- javascript 分离全局变量
- 令人眼前一亮的下拉式终端 Tilda &; Guake
- PHP获取指定页面的指定内容
- 第一篇:webservice初探
- pycharm设置主题
- win7电脑蓝牙 耳机
- Codeforces 1107 E - Vasya and Binary String
- python3.5opencv3图像文字标注
- 在Asp.Net中操作PDF – iTextSharp - 操作图片
- day28 黏包及黏包解决方案
- IE11浏览器,按F12 检查元素,工具会出来,但是没法正常使用?
- 使用MATPLOTLIB 制图(散点图,热力图)
- linux mint 19安装 kvm 软件包