美文网首页
浏览器缩放

浏览器缩放

作者: 回忆不死我们不散 | 来源:发表于2020-05-15 10:29 被阅读0次
    <!doctype html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <link href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
        <script src="https://cdn.bootcss.com/vue/2.5.13/vue.min.js"></script>
        <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
        <title>Document</title>
    </head>
    <body>
        
        
    
    <script>
    //  //获取缩放大小
    //  function detectZoom (){ 
    //    var ratio = 0,
    //      screen = window.screen,
    //      ua = navigator.userAgent.toLowerCase();
    //   
    //     if (window.devicePixelRatio !== undefined) {
    //        ratio = window.devicePixelRatio;
    //    }
    //    else if (~ua.indexOf('msie')) {  
    //      if (screen.deviceXDPI && screen.logicalXDPI) {
    //        ratio = screen.deviceXDPI / screen.logicalXDPI;
    //      }
    //    }
    //    else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
    //      ratio = window.outerWidth / window.innerWidth;
    //    }
    //     
    //     if (ratio){
    //      ratio = Math.round(ratio * 100);
    //    }
    //     
    //     return ratio;
    //  };
    //  detectZoom();
    //  console.log(detectZoom())
    //  
    //  
    //  //获取缩放大小
    //  var obj = {'window.devicePixelRatio':window.devicePixelRatio,'screen.deviceXDPI / screen.logicalXDPI':screen.deviceXDPI / screen.logicalXDPI,
    //       
    //         'window.outerWidth / window.innerWidth':window.outerWidth / window.innerWidth,
    //         'document.documentElement.offsetHeight / window.innerHeight':document.documentElement.offsetHeight / window.innerHeight,
    //       
    //         'window.top.outerWidth / window.top.innerWidth':window.top.outerWidth / window.top.innerWidth}
    //                      
    //      function print(obj){
    //        var s = '';
    //        for(var key in obj){
    //          s+=key;
    //          s+=' : ';
    //          s+=obj[key];
    //          s+='\n\r'
    //        }
    //        document.write(s)
    //         
    //      }
    //  print(obj)
    //  console.log(print(obj))
    //
    //
    //
    //
    //  // 放大缩小刷新页面
    //  var normalWidth = window.innerWidth;
    //  var normalHeight = window.innerHeight;
    //  window.onresize = function(){
    //      if(normalWidth>window.innerWidth||normalHeight< normalHeight.innerHeight){
    //          location.reload();
    //      }
    //  }
    //  //关于js禁止浏览器缩放
    //  window.addEventListener('mousewheel', function(event){
    //      if (event.ctrlKey === true || event.metaKey) {
    //            event.preventDefault();
    //      }
    //  },{ passive: false});
    //  
    //  //firefox
    //   window.addEventListener('DOMMouseScroll', function(event){
    //      if (event.ctrlKey === true || event.metaKey) {
    //             event.preventDefault();
    //      }
    //  },{ passive: false});
    //  
    //  // 原生js来实现,避免依赖jquery。需要注意的是:addEventListener/DOMContentLoaded在ie中是只支持>=ie9的,一般足够了
    //  document.addEventListener('DOMContentLoaded', function (event) {
    //      // chrome 浏览器直接加上下面这个样式就行了,但是ff不识别
    //      document.body.style.zoom = 'reset';
    //      document.addEventListener('keydown', function (event) {
    //          if ((event.ctrlKey === true || event.metaKey === true)
    //          && (event.which === 61 || event.which === 107
    //              || event.which === 173 || event.which === 109
    //              || event.which === 187  || event.which === 189))
    //              {
    //                 event.preventDefault();
    //              }
    //      }, false);
    //      document.addEventListener('mousewheel DOMMouseScroll', function (event) {
    //          if (event.ctrlKey === true || event.metaKey) {
    //              event.preventDefault();
    //          }
    //      }, false);
    //  }, false);
    
    
    
    
    </script>
    </body>
    
    </html> 
    

    相关文章

      网友评论

          本文标题:浏览器缩放

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