在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 相关文章推荐
JavaScript编程开发中的五个实用小技巧
Jul 22 Javascript
查找页面中所有类为test的结点的方法
Mar 28 Javascript
基于jQuery实现的图片切换焦点图整理
Dec 07 Javascript
jQuery中:animated选择器用法实例
Dec 29 Javascript
理解javascript中try...catch...finally
Dec 25 Javascript
jQuery封装的屏幕居中提示信息代码
Jun 08 Javascript
Asp.Net之JS生成分页条的方法
Nov 23 Javascript
原生JS+Canvas实现五子棋游戏
May 28 Javascript
详解如何使用webpack+es6开发angular1.x
Aug 16 Javascript
用vue构建多页面应用的示例代码
Sep 20 Javascript
Three.js实现简单3D房间布局
Dec 30 Javascript
微信小程序学习笔记之本地数据缓存功能详解
Mar 29 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
DC漫画《蝙蝠侠和猫女》图透 猫女怀孕老爷当爹
2020/04/09 欧美动漫
PHP不用第三变量交换2个变量的值的解决方法
2013/06/02 PHP
PHP定义字符串的四种方式详解
2018/02/06 PHP
laravel框架模型中非静态方法也能静态调用的原理分析
2019/11/23 PHP
xml和web特殊字符
2009/04/28 Javascript
使用javascript获取flash加载的百分比的实现代码
2011/05/25 Javascript
页面实时更新时间的JS实例代码
2013/12/18 Javascript
原生js和jquery中有关透明度设置的相关问题
2014/01/08 Javascript
jquery删除ID为sNews的tr元素的内容
2014/04/10 Javascript
jQuery 如何先创建、再修改、后添加DOM元素
2014/05/20 Javascript
javascript通过元素id和name直接取得元素的方法
2015/04/28 Javascript
Nodejs中的this详解
2016/03/26 NodeJs
Javascript HTML5 Canvas实现的一个画板
2020/04/12 Javascript
让你一句话理解闭包(简单易懂)
2016/06/03 Javascript
JavaScript常用正则函数用法示例
2017/01/23 Javascript
laravel5.4+vue+element简单搭建的示例代码
2017/08/29 Javascript
vue.js实现的全选与全不选功能示例【基于elementui】
2018/12/03 Javascript
Angular6项目打包优化的实现方法
2019/12/15 Javascript
Python实现3行代码解简单的一元一次方程
2014/08/18 Python
讲解Python中if语句的嵌套用法
2015/05/14 Python
python画图的函数用法以及技巧
2019/06/28 Python
Python循环结构的应用场景详解
2019/07/11 Python
Python基础之列表常见操作经典实例详解
2020/02/26 Python
Python使用type动态创建类操作示例
2020/02/29 Python
详解python算法常用技巧与内置库
2020/10/17 Python
5分钟弄清楚html5的drag and drop(小结)
2019/04/10 HTML / CSS
HTML5 客户端数据库简易使用:IndexedDB
2019/12/19 HTML / CSS
秘鲁购物网站:Linio秘鲁
2017/04/07 全球购物
西班牙在线宠物食品和配件商店:bitiba
2019/10/11 全球购物
区三好学生主要事迹
2014/01/30 职场文书
医学生毕业自我鉴定
2014/03/26 职场文书
房地产活动策划方案
2014/05/14 职场文书
管理工程专业求职信
2014/08/10 职场文书
2015元旦晚会主持词(开场白+结束语)
2014/12/14 职场文书
中学图书馆工作总结
2015/08/11 职场文书
红领巾广播站广播稿
2015/08/19 职场文书