Il y a deux occasions sur ma page Web où je ne veux pas que Firefox mette à l'échelle automatiquement les images lors d'un zoom avant ou arrière. Puis-je contourner cette fonctionnalité sur ces images et faire en sorte que le reste des images soit normal dans Firefox (si c'est ce que les utilisateurs ont défini dans leurs préférences)?Puis-je désactiver la mise à l'échelle de l'image de Firefox avec CSS par image?
Répondre
Il est impossible de marquer ou d'empêcher le zoom d'une image lorsque l'utilisateur demande un zoom.
Vous pouvez utiliser window.onresize et détecter la quantité de zoom en utilisant l'une des techniques décrites au Detecting Page Zoom in Firefox 3 (And Others). Une fois que vous connaissez le facteur de zoom, vous pouvez appliquer ce pourcentage d'ajustement aux images que vous souhaitez laisser à une taille fixe.
Le tout est un château de cartes. La solution JavaScript uniquement ne détecte pas le niveau de zoom lorsque la page est chargée pour la première fois. Par conséquent, vous aurez besoin d'un composant Flash sur la page uniquement pour détecter la quantité de zoom. En outre, l'effet réel du zoom sera discordant pour l'utilisateur. Le redimensionnement de l'image sera légèrement décalé par rapport au paramètre de zoom de l'utilisateur, provoquant la refusion de la page, en déplaçant éventuellement le contenu sur lequel ils essayaient de zoomer en premier lieu.
- 1. Désactiver l'image de la mise en cache?
- 2. Désactiver la mise à jour de l'image webcam en cours
- 3. hr avec une image à travers css
- 4. IE7 pas Mise en cache Image CSS sur SSL
- 5. App_Themes image demandée à partir de css
- 6. jquery ie7 css hauteur résultat incohérent par rapport à firefox
- 7. Rotation d'une image à l'aide de css
- 8. Problème de mise à l'échelle Javascript/Canvas/Images dans Firefox
- 9. Impossible de personnaliser Stackoverflow par CSS dans Firefox
- 10. mise en forme avec CSS
- 11. Firefox CSS contre moi ??
- 12. Firefox 3 erreur de syntaxe avec CSS externe
- 13. Mise en page verticale CSS avec TABLE
- 14. Problème de mise en page du tableau - Firefox par rapport à Chrome et IE7
- 15. Comment déplacer une image de fond avec css
- 16. Désactiver la loupe de mise en surbrillance de texte lors de la mise en attente sur Mobile Safari/Webkit
- 17. Remplacer la valeur par une image à l'aide de Jquery?
- 18. css image div help
- 19. Différents rendus CSS pour span à l'intérieur de td avec FF3.5 par rapport à FF3.0
- 20. Visual Studio 2008: désactiver la vérification de classe css
- 21. La meilleure façon de désactiver la mise en cache du client
- 22. Meilleure approche de la technique d'ombre portée CSS - non image
- 23. Comment désactiver le contour interne sur la cellule de tableau sélectionnée dans Firefox
- 24. CSS fusionné échoue dans Firefox
- 25. Reset background image CSS
- 26. Besoin d'aide avec la mise en page CSS existant compréhension
- 27. substituant valign par CSS
- 28. CSS - Mise en forme du lien associé Amazon avec CSS
- 29. Mise à l'échelle d'une image dans GTK
- 30. Suppression (ou mise à jour) d'une image de RichTextBox