Zoomer un navigateur avec JavaScript

Je suis curieux de savoir s'il existe un moyen de forcer un zoom de fenêtre ou de changer la taille de pixel de référence. Je sais que vous pouvez obtenir un niveau de zoom rapporté avec window.devicePixelRatioZoomer un navigateur avec JavaScript

Nous avons utilisé rem et changer le code html racine font-size, mais que vous voulez utiliser des pixels, depuis DPI et l'accessibilité sont compensées par le pixel de référence du navigateur, et la plupart des mesures comme clientWidth et les événements tactiles glisser sont mesurés en px et nous utilisons des mathématiques supplémentaires pour l'échelle juste en rem sans raison!

Merci

Source

2016-09-27 neaumusic

Vous pouvez zoomer la page comme ceci 'document.body.style.zoom = 1.2' garder chaging 1,2 à 1,3, 1,4, etc .., Je ne sais pas si elle obtient les résultats souhaités – Panther

1 commentaire; transform est [complètement supporté] (http://caniuse.com/#feat=transforms2d) (au moins dans les principaux navigateurs, blah, blah, blah), et il inclut une option d'échelle. Utilisez-le comme vous le pouvez. –

Copie possible de [Modifier le niveau de zoom du navigateur] (http://stackoverflow.com/questions/1055336/changing-the-browser-zoom-level) –

J'ai utilisé le zoom en utilisant Javascript. J'utilise simplement document.body.style.zoom=1.5;

Here est un violon que vous pouvez voir. Peut-être que cela résout votre problème.

Source

2016-09-27 03:47:05

L'attribut est zoom css passupported, mais est transform supported, mais il est encore préférable d'utiliser une bibliothèque, transform: scale(%); est la meilleure façon.

p { 
 
    animation: scale 5s infinite; 
 
} 
 

 
@keyframes scale { 
 
    0% { 
 
    transform: scale(1); 
 
    } 
 
    50% { 
 
    transform: scale(.1); 
 
    } 
 
    100% { 
 
    transform: scale(1); 
 
    } 
 
}

<p>I'll grow larger and smaller<p>

Source

2016-09-27 04:17:58

Zoomer un navigateur avec JavaScript

Répondre

Questions connexes