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

最新推荐文章于 2024-09-15 08:00:00 发布

小太阳sunshine

最新推荐文章于 2024-09-15 08:00:00 发布

阅读量5.3k

点赞数 3

分类专栏：手机移动

本文链接：https://blog.csdn.net/zfangls/article/details/53418248

版权

手机移动专栏收录该内容

9 篇文章 0 订阅

订阅专栏

    <!-- 为移动设备添加 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"/>