精华内容
下载资源
问答
  • 这里用VUE作为演示: ...<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0...即可完成,禁止用户缩放,但是在ios10及以上的版本中,这个...

    这里用VUE作为演示:
    禁止缩放,在 .html 里面,头部标签meta里面添加

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

    即可完成,禁止用户缩放,但是在ios10及以上的版本中,这个会失效
    解决方式:

    <script>
    export default {
    }
    window.onload = function () {
      // 阻止双击放大
      var lastTouchEnd = 0
      document.addEventListener('touchstart', function (event) {
        if (event.touches.length > 1) {
          event.preventDefault()
        }
      })
      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()
      })
    }
    </script>
    
    展开全文
  • ios10中禁止用户缩放页面

    万次阅读 2016-11-20 21:56:21
    在ios10前我们能通过设置meta来禁止用户缩放页面: 在ios10系统中meta设置失效了: 为了提高Safari中网站的辅助功能,即使网站在视口中设置了user-scalable = no,用户也可以手动缩放。 解决方法:监听事件...

    在ios10前我们能通过设置meta来禁止用户缩放页面:


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


    在ios10系统中meta设置失效了:

    为了提高Safari中网站的辅助功能,即使网站在视口中设置了user-scalable = no,用户也可以手动缩放。


    解决方法:监听事件来阻止

    window.οnlοad=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)
        }


    展开全文
  • 移动端项目禁止用户缩放页面 在index.html的head头中添加: <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"> ok,问题解决

    移动端项目禁止用户缩放页面

    在index.html的head头中添加:

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

    ok,问题解决

    展开全文
  • 适配移动端,禁止用户缩放页面

    千次阅读 2019-03-05 17:26:35
    meta标签中的content属性里有一个width=device-width的值,这个值就是用来... user-scalable=no 禁止用户缩放页面  initial-scale=1.0 页面初始倍数为1倍  maximum-scale=1.0 页面可放大的倍数为1倍  minimum...

    meta标签中的content属性里有一个width=device-width的值,这个值就是用来告诉浏览器,该页面将要使用设备的宽度来解析,后面的属性值则是告诉该页面:  

        user-scalable=no  禁止用户缩放页面

        initial-scale=1.0 页面初始倍数为1倍

        maximum-scale=1.0 页面可放大的倍数为1倍

        minimum-scale=1.0 页面可缩小的倍数为1倍

    PS:meta属性一样作用与Pad平板设备

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

    展开全文
  • 这个方法有局限性,因为部分浏览器存在可支持用户强制缩放的功能,所以想要完全禁止用户的触控缩放,需要在项目index.html中监听用户双击、双指触摸事件来禁止放大: //禁止双指放大 document.documentElement....
  • 在html中,可以使用user-scalabel属性设置禁止页面缩放,只需要在mate元素中添加“user-scalabel=0”样式即可。user-scalable属性控制...html5默认允许用户缩放页面,如果需要禁止缩放,我们需要将user-scalabel=0...
  • 解决方法:监听事件来阻止 window.onload=function(){ document.addEventListener('touchstart',function(event){ if(event.touches.length>1){ e...
  • 解决使用 user-scalable=no 设置禁止用户缩放,在苹果浏览器下不生效的问题 window.onload = function () { // 阻止双击放大 var lastTouchEnd = 0; document.addEventListener('touchstart', function (event) {...
  • Vue-禁止用户缩放浏览器

    千次阅读 2019-12-04 09:29:48
    移动端优先,可禁止用户缩放和双击放大,在App.vue中的script内加入以下代码 window.onload = function() { document.addEventListener('touchstart', function(event) { if (event.touches.length > 1) { event....
  • name="viewport" content="width=device-width, ...目前ios10上用户仍然可进行缩放, 这是IOS10的一个新特性。无解的。以下是苹果官网的摘录 To improve accessibility on websites in Safari, users can now pinc
  • 控制移动端页面的缩放 最近用vue和mint-ui框架开发了一个微信公众号,部署以后,进入页面,发现页面会随着手指的滑动而缩放,查阅资料后发现要在index.html中设置一下。 以下是解决方法: vue生成的index.html页面中...
  • IOS10做了限制,使用meta标签禁止缩放是无用的,需要用js操作 window.onload = function() { // 阻止双击放大 var lastTouchEnd = 0; document.addEventListener('touchstart', function(event) { if (event....
  • <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/> 个人博客:jilezhainanshe.com​​​​​​​
  • &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /&gt;  
  • 禁止缩放 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-...user-scalable=no|yes 设置用户缩放 禁止拖动 document.ontouchmove = function(e...
  • 禁止浏览器缩放

    2019-10-11 15:07:35
    移动端页面禁止用户缩放界面只需加上即可,但是pc端确实比较麻烦,用户可以通过如下几种方式来缩放: windows: ctrl + +/- ctrl + 滚轮 浏览器菜单栏 mac: cammond + +/- 浏览器菜单栏 由于浏览器菜单栏属于系统...
  • ios10中禁止Safari浏览器用户缩放页面

    千次阅读 2017-11-04 16:40:24
    在ios10前我们能通过设置meta来禁止用户缩放页面:, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> 在ios10系统中meta设置失效了: 为了提高Safari中网站的辅助功能,即使网站在...
  • css实现禁止缩放的方法:首先打开相应的前端代码文件;然后在meta标签中添加“maximum-scale=1.0, user-scalable=0”两个属性即可禁止页面缩放。本文操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。...
  • 禁止页面缩放

    万次阅读 2017-08-07 21:21:20
    这里讲解一下如何禁止页面缩放,其实也就是一句话的事情: , initial-scale=1.0, maximum-scale=1.0, user-scalable=no">在这个里面主要有这几个属性:width - viewport的宽度 height -
  • css实现禁止缩放的方法:首先打开相应的前端代码文件;然后在meta标签中添加“maximum-scale=1.0, user-scalable=0”两个属性即可禁止页面缩放。本文操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。...
  • 阻止pc端浏览器缩放js代码众所周知:移动端页面禁止用户缩放界面只需加上即可,但是pc端确实比较麻烦,用户可以通过如下几种方式来缩放:windows:ctrl + +/-ctrl + 滚轮浏览器菜单栏mac:cammond + +/-浏览器菜单栏...
  • 在ios10前我们能通过设置meta来禁止用户缩放页面: <meta content=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0; name=viewport /> 在ios10系统中meta设置失效了: 为了提高...
  • [html] 移动端如何禁止用户手动缩放页面? <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"> 个人简介 我是歌谣,欢迎和大家一起...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 17,650
精华内容 7,060
关键字:

禁止用户缩放