【vue3】解决移动端点击页面放大-ios

解决方法：在index.html

第一步head里加

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />

第二步script里加

  /*禁止ios缩放，双击和双指*/window.onload = function() {document.addEventListener("touchstart", function(event) {if (event.touches.length > 1) {event.preventDefault();}});var lastTouchEnd = 0;document.addEventListener("touchend",function(event) {var now = new Date().getTime();if (now - lastTouchEnd <= 300) {event.preventDefault();}lastTouchEnd = now;},false);document.addEventListener("gesturestart", function(event) {event.preventDefault();});};

【vue3】解决移动端点击页面放大-ios相关推荐

解决手机端点击输入框后页面会被放大问题
在测试手机端页面输入框时,点击后整个页面被放大,并且在离开输入框.点击页面其他地方,页面并不会恢复原来的比例,很影响美观解决方法:只需在页面头部加入两句 <meta> 标签语句即可,若是 ...
手机端点击图片放大特效-PhotoSwipe插件
PhotoSwipe插件官方网站 http://www.photoswipe.com/ PhotoSwipe插件能实现手机端点击图片全屏放大再双击图片放大等功能但有一点不太好的是图片放大后再单击不 ...
html手机端点击图片放大并根据手势缩放
手机端实现点击图片放大根据手势放大缩小效果如下进入页面背景是白色的点击图片后放大并居中背景变为黑色效果如下可以根据手势缩放演示完毕,上代码需要先引入一个js文件网盘链接: https ...
百度移动优化：关于移动端点击图片放大有多少人注意？
百度移动搜索落地页体验白皮书4.0于2018年08月15日发布有多少人注意到白皮书最下面的这短短的60字? 好多网站都存在点击图片不可放大,有多少站长注意这个细节问题? 关于加这个功能确实挺麻烦,不懂 ...
pc端点击图片放大效果
1.在pc端会遇到点击图片,然后让页面添加蒙版,图片居中放大的效果: 效果图如下 2.代码实现方式:问题解决 <!DOCTYPE html> <html><head> ...
html点击页面放大,JS实现点击图片跳转页面放大功能【原创】
如图: 点击图片时跳转链接,要求放大图片和底部有缩略图,如图所示: 思路: 1).在列表页,给每一个数据加上对应的标识位,点跳转时传过去 2).获取值.获取屏幕宽度 var number = '{{ ...
解决移动端点击屏幕变蓝的问题
*, *:hover, *:active, ::before, ::after { -webkit-box-sizing: border-box; box-sizing: border-box; -w ...
解决移动端项目中苹果ios和安卓android手机点击输入框网页页面自动放大缩小
一.需求问题在公司的项目开发中,我们经常需要开发移动端的项目.但是,在移动端中,点击输入框的时候,网页页面会自动放大或者缩小.这个也并不是我们所想要的,我们只需要向输入框中输入内容就可以了. 二.需 ...
解决PDF阅读器手型工具里有个箭头点击文档出现页面放大问题
解决PDF阅读器手型工具里有个箭头点击文档出现页面放大问题打开某些PDF文档,手形工具里还有一个箭头,若点击文档正文的任意部位,文档就会变大,可按以下操作取消 1.以福昕阅读器为例,操作是:文件 ...

【vue3】解决移动端点击页面放大-ios

【vue3】解决移动端点击页面放大-ios相关推荐

最新文章

热门文章