移动端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"/>

 

posted @ 2018-03-08 14:32  蔚京霖  阅读(202)  评论(0编辑  收藏  举报