移动端的 meta 标签

Posted 我的Minna已存在

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端的 meta 标签相关的知识,希望对你有一定的参考价值。

viewport

<meta http-equiv="X-UA-Compatible"
          content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

content参数:

  • width viewport 宽度(数值/device-width)
  • height viewport 高度(数值/device-height)
  • initial-scale 初始缩放比例
  • maximum-scale 最大缩放比例
  • minimum-scale 最小缩放比例
  • user-scalable 是否允许用户缩放(yes/no)


  • < meta http-equiv = "X-UA-Compatible" content = "chrome=1" >

    用以声明当前页面用chrome内核来渲染
    谷歌做了个外挂:Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器,

    GCF下载地址: http://code.google.com/intl/zh-CN/chrome/chromeframe/

    安装完成后,如果你想对某个页面使用GCF进行渲染,只需要在该页面的地址前加上 gcf: 即可,例如: gcf:http://www.baidu.com

以上是关于移动端的 meta 标签的主要内容,如果未能解决你的问题,请参考以下文章

移动端的头部标签和 meta

移动端的一些常用meta标签

移动端的头部标签和meta

移动端的一些头部标签

meta标签兼容性

移动端web开发初探之Vuejs的简单实战