Résoudre le problème que le code CSS écrit par la mesure du graphique de coupe ps est différent de l'affichage de la page Web

Référence: https://www.cnblogs.com/LiuWeiLong/p/6058059.html

Aujourd'hui, j'ai constaté qu'il y avait peut-être un zoom sur l'ordinateur win10. Il y a un problème de coupure de l'image 120px et du réglage CSS 120px, mais l'affichage de la page Web affiche 120 * 1.25 px.

/ * * 
       * Modifiez dynamiquement le zoom global de la page pour éviter que la découpe et l'affichage ne soient différents 
       * / 
       window.onresize = function (e) { 
        detectZoom (); 
      } 
      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 ); 
          } 
          // rapport de retour; 
          document.querySelector ("html"). style.fontSize = (16 / (ratio / 100)) + "px" ; 
      }