移动端meta几个值的设置以及含义

2019-09-11 20:27:22 浏览数 (1)

代码语言:javascript复制
 <!-- 为移动设备添加 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"/>

0 人点赞