Si une page Web est agrandie/agrandie dans un navigateur moderne, alors comment puis-je trouver la taille d'un élément DIV à un zoom de 100%?comment obtenir la taille de DIV à 100% zoom?
EDIT :: J'ai demandé un autre similar question ici, qui était sans réponse.
Connaissez-vous la taille originale? Au moins dans IE7 +, vous pouvez déterminer le niveau de zoom et de déterminer les proportions:
zoomLevel = Math.round((self.document.body.parentElement.offsetWidth/self.document.body.offsetWidth) * 100);
Si vous utilisez jQuery, vous pouvez utiliser la méthode $('#div').width() ou $('#div').outerWidth() trouver très facilement. Il y a des équivalents dans d'autres bibliothèques JS, donc il suffit de demander si vous voulez connaître la méthode dans votre cadre de choix
Cela ne fonctionne pas. S'il vous plaît voir mon edit dans la question. – understack
Vous pouvez utiliser JavaScript pur pour obtenir la largeur et la hauteur comme ceci:
// Create an object of the div.
var divElement = document.getElementById('id of div');
// Retrieve the height and width.
var width = divElement.getAttribute('width');
var height = divElement.getAttribute('height');
Il est possible faire la même chose avec jQuery ou n'importe quelle autre bibliothèque et c'est généralement plus rapide et plus facile de cette façon.
Cela ne fonctionnera pas si la page est agrandie/désactivée. Voir ma modification dans la question. – understack
voir également ceci: http://stackoverflow.com/questions/995914/catch-browsers-zoom-event-in-javascript –