在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 相关文章推荐
js substr支持中文截取函数代码(中文是双字节)
Apr 17 Javascript
js仿百度有啊通栏展示效果实现代码
May 28 Javascript
当鼠标移动时出现特效的JQuery代码
Nov 08 Javascript
获取当前点击按钮的id用this.id实现
Mar 17 Javascript
jquery+css3实现会动的小圆圈效果
Jan 27 Javascript
Bootstrap进度条组件知识详解
May 01 Javascript
JavaScript奇技淫巧44招【实用】
Dec 11 Javascript
前端编码规范(3)JavaScript 开发规范
Jan 21 Javascript
Javascript 详解封装from表单数据为json串进行ajax提交
Mar 29 Javascript
Angular 4中如何显示内容的CSS样式示例代码
Nov 06 Javascript
解决angular双向绑定无效果,ng-model不能正常显示的问题
Oct 02 Javascript
Vue批量图片显示时遇到的路径被解析问题
Mar 28 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
php数组函数序列之asort() - 对数组的元素值进行升序排序,保持索引关系
2011/11/02 PHP
php设计模式之委托模式
2016/02/13 PHP
Yii2处理密码加密及验证的方法
2019/05/12 PHP
Laravel 添加多语言提示信息的方法
2019/09/29 PHP
TP3.2.3框架文件上传操作实例详解
2020/01/23 PHP
PHP解决高并发的优化方案实例
2020/12/10 PHP
javascript中对对层的控制
2006/12/29 Javascript
Js 导出table内容到Excel的简单实例
2013/11/19 Javascript
Js保留小数点的4种效果实现代码分享
2014/04/12 Javascript
一个简单的jquery进度条示例
2014/04/28 Javascript
fixedBox固定div漂浮代码支持ie6以上大部分主流浏览器
2014/06/26 Javascript
Mac OS X 系统下安装和部署Egret引擎开发环境
2014/09/03 Javascript
javascript中callee与caller的区别分析
2015/04/20 Javascript
浅析jquery如何判断滚动条滚到页面底部并执行事件
2016/04/29 Javascript
js获取新浪天气接口的实现代码
2016/06/06 Javascript
AngularJs Javascript MVC 框架
2016/06/20 Javascript
jQuery实现广告条滚动效果
2017/08/22 jQuery
基于nodejs res.end和res.send的区别
2018/05/14 NodeJs
在小程序中使用Echart图表的示例代码
2018/08/02 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
2018/11/22 Javascript
使用Python来编写HTTP服务器的超级指南
2016/02/18 Python
Python微医挂号网医生数据抓取
2019/01/24 Python
python基于paramiko将文件上传到服务器代码实现
2019/07/08 Python
解决tensorflow打印tensor有省略号的问题
2020/02/04 Python
python filecmp.dircmp实现递归比对两个目录的方法
2020/05/22 Python
踩坑:pytorch中eval模式下结果远差于train模式介绍
2020/06/23 Python
selenium携带cookies模拟登陆CSDN的实现
2021/01/19 Python
实列教程 一款基于jquery和css3的响应式二级导航菜单
2014/11/13 HTML / CSS
Crocs卡骆驰洞洞鞋日本官方网站:Crocs日本
2016/08/25 全球购物
Sunglasses Shop瑞典:欧洲领先的太阳镜网上商店
2018/04/22 全球购物
应届生高等护理求职信
2013/10/12 职场文书
初中毕业生感言
2015/07/31 职场文书
日本读研:怎样写好一篇日本研究计划书?
2019/07/15 职场文书
导游词之鲁迅祖居
2019/10/17 职场文书
解决redis批量删除key值的问题
2022/03/23 Redis
如何优化vue打包文件过大
2022/04/13 Vue.js