web-dev-qa-db-fra.com

Faire zoomer la page HTML par défaut

J'ai conçu une page, où les boutons semblent bons lorsque le zoom du navigateur est à 90%, mais par défaut, les autres utilisateurs la consultent à 100/125% + dans leur navigateur, ce qui entraîne un chevauchement des boutons et des formulaires de saisie.

Donc, je veux définir la valeur du zoom à 90% par défaut lorsque ma page JSP se charge.

Comment puis-je faire cela? Après avoir effectué un tel réglage, la page peut-elle être non zoomable? Ou existe-t-il une meilleure solution pour cela?

htmlcssjsp
13
Code

Résolu comme suit,

en CSS

#my{
zoom: 100%;
}

Maintenant, il se charge en zoom 100% par défaut. Testé en donnant un zoom de 290% et chargé par ce pourcentage de zoom par défaut, c'est à l'utilisateur s'il veut changer de zoom.

Bien que ce ne soit pas la meilleure façon de le faire, il existe une autre solution efficace

Vérifiez le code de page de la pile de débordement, même s'ils ont des boutons et qu'ils utilisent des listes non ordonnées pour résoudre ce problème.

22
user1733583

Dans js, vous pouvez modifier le zoom par

document.body.style.zoom="90%"

Mais cela ne fonctionne pas dans FF http://caniuse.com/#search=zoom

Pour ff vous pouvez essayer

-moz-transform: scale(0.9);

Et vérifiez le sujet suivant Comment puis-je zoomer un élément HTML dans Firefox et Opera?

7
Vasiliy Vanchuk

Une meilleure solution consiste à ne pas rendre votre page fiable en fonction des paramètres de zoom. Si vous fixez des limites comme celle que vous proposez, vous limitez l'accessibilité. Si quelqu'un ne peut pas bien lire votre texte, il ne pourra tout simplement pas changer cela. J'utiliserais un CSS approprié pour le rendre agréable dans n'importe quel zoom.

Si vous insistez vraiment, jetez un œil à cette question sur la façon de détecter le niveau de zoom en utilisant JavaScript (cauchemar!): Comment détecter le niveau de zoom de la page dans tous les navigateurs modernes?

4
lucas.sa