在Vue项目中,防止页面被缩放和放大示例


Posted in Javascript onOctober 28, 2019

现在vue的脚手架生成项目之后我们会发现index.html页面中。

在head标签中,我们会看到meta标签中有一条显示是

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">

但是我们发现这条语句中只是让user-scalable=0,这是不让用户进行缩放。

可以页面会在两个手指进行放大!!!
可以页面会在两个手指进行放大!!!
可以页面会在两个手指进行放大!!!

这就很尴尬了。。。

所以将页面中meta标签

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />

maximum-scale、minimum-scale及user-scalable属性控制允许用户以怎样的方式放大或缩小页面。

将index.html中原有的meta标签,替换成现有的这句就可以防止用户放大了。同理,也可以防止页面被用户缩放。

以上这篇在Vue项目中,防止页面被缩放和放大示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
结合JQ1.9通过js正则判断各种浏览器版本的方法
Dec 30 Javascript
c#程序员对TypeScript的认识过程
Jun 19 Javascript
jQuery网页右侧广告跟随滚动代码分享
Apr 20 Javascript
关于JavaScript限制字数的输入框的那些事
Aug 14 Javascript
功能强大的jquery.validate表单验证插件
Nov 07 Javascript
js仿小米手机上下滑动效果
Feb 05 Javascript
用jQuery旋转插件jqueryrotate制作转盘抽奖
Feb 10 Javascript
分享19个JavaScript 有用的简写写法
Jul 07 Javascript
vue项目中jsonp跨域获取qq音乐首页推荐问题
May 30 Javascript
vue实现城市列表选择功能
Jul 16 Javascript
vue路由切换之淡入淡出的简单实现
Oct 31 Javascript
解决Echarts2竖直datazoom滑动后显示数据不全的问题
Jul 20 Javascript
element-ui 本地化使用教程详解
Oct 28 #Javascript
vue 全局环境切换问题
Oct 27 #Javascript
vue 父组件通过v-model接收子组件的值的代码
Oct 27 #Javascript
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题
Oct 27 #Javascript
Vue-Cli项目优化操作的实现
Oct 27 #Javascript
layui table 复选框跳页后再回来保持原来选中的状态示例
Oct 26 #Javascript
Layui 解决表格异步调用后台分页的问题
Oct 26 #Javascript
You might like
哪吒敖丙传:新人物二哥敖乙出场 小敖丙奶气十足
2020/03/08 国漫
如何使用动态共享对象的模式来安装PHP
2006/10/09 PHP
7个超级实用的PHP代码片段
2011/07/11 PHP
详解PHP 二维数组排序保持键名不变
2019/03/06 PHP
浅析PHP7的多进程及实例源码
2019/04/14 PHP
指定位置如果有图片显示图片,无图片显示广告的JS
2010/06/05 Javascript
JQuery从头学起第三讲
2010/07/06 Javascript
JavaScript的类型转换(字符转数字 数字转字符)
2010/08/30 Javascript
拖动table标题实现改变td的大小(css+js代码)
2013/04/16 Javascript
图片Slider 带左右按钮的js示例
2013/08/30 Javascript
JavaScript中的ajax功能的概念和示例详解
2016/10/17 Javascript
如何使用Vuex+Vue.js构建单页应用
2016/10/27 Javascript
使用 Node.js 对文本内容分词和关键词抽取
2017/05/27 Javascript
nodeJs爬虫的技术点总结
2018/05/13 NodeJs
jQuery高级编程之js对象、json与ajax用法实例分析
2019/11/01 jQuery
有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案
2020/05/09 Javascript
jQuery+ThinkPHP实现图片上传
2020/07/23 jQuery
Vue 简单实现前端权限控制的示例
2020/12/25 Vue.js
Python中字符编码简介、方法及使用建议
2015/01/08 Python
分析用Python脚本关闭文件操作的机制
2015/06/28 Python
Python搭建FTP服务器的方法示例
2018/01/19 Python
python如何对实例属性进行类型检查
2018/03/20 Python
Python Selenium 之数据驱动测试的实现
2019/08/01 Python
Python模块相关知识点小结
2020/03/09 Python
python3中sorted函数里cmp参数改变详解
2020/03/12 Python
tensorflow指定CPU与GPU运算的方法实现
2020/04/21 Python
在Python中字典按值排序的实现方法
2020/11/12 Python
通过css3的filter滤镜改变png图片的颜色的示例代码
2020/05/06 HTML / CSS
AmazeUI 单选框和多选框的实现示例
2020/08/18 HTML / CSS
中国跨境在线时尚零售商:Bellelily
2018/04/06 全球购物
考博自荐信
2013/10/25 职场文书
手机银行营销方案
2014/03/14 职场文书
三年级评语大全
2014/04/23 职场文书
学雷锋演讲稿汇总
2014/05/10 职场文书
秦始皇兵马俑导游词
2015/02/02 职场文书
Li list-style-image 图片垂直居中实现方法
2023/05/21 HTML / CSS