Bonjour à tous, et je m'excuse par avance si un topic traitant de ce sujet existe, j'ai cherché mais je n'en ai pas trouvé.

Je cherche à afficher une image (un simple carré), mais je voudrais que quelque soit la résolution de l'écran sur lequel cela s'affichera, que le carré ait la même taille. Par exemple, avoir un carré de dix millimètres sur dix.

Voilà ce que je fais dans ma partie javascript:

...
document.getElementById('bigBox').style.top = 80 + "mm";
document.getElementById('bigBox').style.left = 120 + "mm";
document.getElementById('bigBox').style.height = 10 + "mm";
document.getElementById('bigBox').style.width = 10 + "mm";
...

Ensuite j'affiche mon carré, en lui mettant des valeurs par défaut (en fait les mêmes qu'au dessus) . En 1280*1024, tout va bien, les proportions sont bonnes, mais quand je passe en 800*600, patatra, plus rien en va.

J'ai essayé plusieurs mesures, les pixels aussi, mais la proportion ne se garde pas bien, et c'est vraiment important pour moi que la taille soit fixe.

Si vous avez une idée pour régler ça, merci d'avance...