移动端meta几个值的设置以及含义
<!-- 为移动设备添加 viewport -->
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
说明:
width - viewport的宽度
height – viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale – 允许用户缩放到的最大比例
user-scalable – 用户是否可以手动缩放
<!-- 优先使用 IE 最新版本和 Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- 是否启用 WebApp 全屏模式,删除苹果默认的工具栏和菜单栏 -->
<meta name="apple-mobile-app-capable" content="yes">
<!-- 改变顶部状态条的颜色 -->
<meta name="apple-mobile-app-status-bar-style" content="black">
<!-- 页面描述 -->
<meta name="description" content="">
<!-- 页面关键词 -->
<meta name="keywords" content="h5,前端,编程,web,设计">
<!-- 忽略页面中的数字识别为电话,忽略email识别 -->
<meta name="format-detection" content="telphone=no, email=no"/>
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。
- 上一篇: jQuery 图表插件 jqChart 使用绘制雷达图
- 下一篇: 关于meta标签的几种设置