在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 继承机制的实现
Aug 12 Javascript
超级有用的13个基于jQuery的内容滚动插件和教程
Jul 31 Javascript
jquery的$getjson调用并获取远程的JSON字符串问题
Dec 10 Javascript
jQuery中$.extend()用法实例
Jun 24 Javascript
javascript手风琴下拉菜单实现代码
Nov 12 Javascript
AngularJS辅助库browserTrigger用法示例
Nov 03 Javascript
JavaScript实现三级联动菜单实例代码
Jun 26 Javascript
Angular.js组件之input mask对input输入进行格式化详解
Jul 10 Javascript
webpack实现热更新(实施同步刷新)
Jul 28 Javascript
使用mock.js随机数据和使用express输出json接口的实现方法
Jan 07 Javascript
详解vue-cli3多环境打包配置
Mar 28 Javascript
JS实现提示框跟随鼠标移动
Aug 27 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
《破坏领主》销量已超100万 未来将继续开发新内容
2020/03/08 其他游戏
BBS(php &amp; mysql)完整版(一)
2006/10/09 PHP
PHP中比较两个字符串找出第一个不同字符位置例子
2014/04/08 PHP
PHP依赖倒置(Dependency Injection)代码实例
2014/10/11 PHP
PHP批量生成图片缩略图的方法
2015/06/18 PHP
[原创]ThinkPHP中SHOW_RUN_TIME不能正常显示运行时间的解决方法
2015/10/10 PHP
Symfony2在Nginx下的配置方法图文教程
2016/02/04 PHP
在Yii2特定页面如何禁用调试工具栏Debug Toolbar详解
2017/08/07 PHP
PHP基于DateTime类解决Unix时间戳与日期互转问题【针对1970年前及2038年后时间戳】
2018/06/13 PHP
thinkphp5.0整合phpsocketio完整攻略(绕坑)
2018/10/12 PHP
js 巧妙去除数组中的重复项
2010/01/25 Javascript
仅IE9/10同时支持script元素的onload和onreadystatechange事件分析
2011/04/27 Javascript
游览器中javascript的执行过程(图文)
2012/05/20 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
2016/08/24 Javascript
第一次接触神奇的Bootstrap
2016/10/14 Javascript
详解如何在vue中使用sass
2017/06/21 Javascript
vue.js数据绑定的方法(单向、双向和一次性绑定)
2017/07/13 Javascript
对Angular中单向数据流的深入理解
2018/03/31 Javascript
Vue手把手教你撸一个 beforeEnter 钩子函数
2018/04/24 Javascript
Vue中$refs的用法详解
2018/06/24 Javascript
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
2019/09/28 Javascript
JS script脚本中async和defer区别详解
2020/06/24 Javascript
JS如何判断对象是否包含某个属性
2020/08/29 Javascript
vue组件讲解(is属性的用法)模板标签替换操作
2020/09/04 Javascript
JavaScript WeakMap使用详解
2021/02/05 Javascript
Python程序设计入门(3)数组的使用
2014/06/16 Python
在Python的setuptools框架下生成egg的教程
2015/04/13 Python
使用Python将数组的元素导出到变量中(unpacking)
2016/10/27 Python
详解Python打包分发工具setuptools
2019/08/05 Python
python GUI库图形界面开发之PyQt5动态加载QSS样式文件
2020/02/25 Python
keras中的卷积层&amp;池化层的用法
2020/05/22 Python
意大利男装网店:Vrients
2019/05/02 全球购物
Charles&Keith美国官方网站:新加坡快时尚鞋类和配饰零售商
2019/11/27 全球购物
Why we need EJB
2016/10/20 面试题
雪山饭庄的创业计划书范文
2014/01/18 职场文书
入党自我评价范文
2014/02/02 职场文书