Nuxt.js写H5移动端项目中,禁止屏幕放大和缩小

Nuxt.js写H5移动端项目中,禁止屏幕放大和缩小

1.在Nuxt.config.js中配置如下代码

head: {

    title: 'xxx',

    meta: [

      { charset: 'utf-8' },

      { name: 'viewport', content: 'width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0' },

      { hid: 'description', name: 'description', content: 'xxx' }

    ],

    link: [

      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }

    ]

  },


起作用的是粗体部分:maximum-scale=1.0, user-scalable=0' 

其他meta属性都可以在这里配置。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、使用真实手机测试未发布网页的方法 方法① 在虚拟机中搭建xampp,将文件通过FTP传到虚拟机,在一个局域网中...
    fastwe阅读 4,053评论 0 0
  • Mobile Web Favorites 参与贡献 移动前端开发收藏夹,欢迎使用Issues以及 Pull Req...
    柴东啊阅读 4,227评论 0 2
  • 移动端meta标签设置 1.设置当前html文件的字符编码 1 2设置浏览器的兼容模式(让IE使用最新的浏览器渲染...
    小半_生阅读 7,584评论 0 1
  • 1、防止手机中网页放大和缩小,这点是最基本的,最为手机网站开发者来说应该都知道的,就是设置meta中的viewpo...
    温柔蟹子小龙女阅读 1,644评论 0 0
  • H5移动端知识点总结 阅读目录 移动开发基本知识点 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇阅读 10,123评论 0 26