美文网首页
触屏PC上如何禁止放大缩小

触屏PC上如何禁止放大缩小

作者: 蜗牛Coming | 来源:发表于2021-01-14 10:17 被阅读0次

    加入meta标签的user-scalable在触屏PC是不生效的。

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

    没办法,就只能直接禁止两指行为了,不过这样带来的问题就是滑动的时候两指滑动没有反应,只能单指滑动。
    上代码:

    document.addEventListener('touchmove',function(event){
           if(event.touches.length>1){
                event.preventDefault();
            }
    },{passive:false});
    document.addEventListener('touchstart',function(event){
           if(event.touches.length>1){
                event.preventDefault();
            }
    },{passive:false});
    document.addEventListener('touchend',function(event){
           if(event.touches.length>1){
                event.preventDefault();
            }
    },{passive:false})
    

    相关文章

      网友评论

          本文标题:触屏PC上如何禁止放大缩小

          本文链接:https://www.haomeiwen.com/subject/usgmaktx.html