Bonjour à tous
Les maps datent d'une époque où il n'était pas question de modifier la taille des images, alors que les récentes évolutions des appareils sur lesquels on affiche les pages HTML nécessitent en permanence de redéfinir la taille des objets, en particulier les images, pour tenir compte des différentes tailles d'écrans et du changement d'orientation très fréquent sur les appareils portables.
Existe-t-il un autre moyen d'obtenir le même résultat et qui soit responsive?
Moi aussi j’ai un code similaire qui fonctionne très bien.
Je me demandais juste s’il n’y avait pas autre chose de plus simple qui ne nécessite pas de script, il semble que non, du moins je n’ai rien trouvé, d’où ma question
Modérateur
Pour ne pas tout reprendre, il y a transform:scale() qui permet de redimensionné l'image et les zone cliquable. Il faut cependant ce souvenir que l'image, occupe toujours le même espace dans le document. Des marges négative/positive peuvent compenser.

un viel exemple avec transform (2012/2013) : https://codepen.io/gcyrillus/pen/AJHmt

hs : chrome à toujours cette capacité d'affiché area et d'y faire un hover effect ... amusant mais ce n'est pas le sujet.
Administrateur
Je confirme pour transform: scale() et le critère "ne pas tout reprendre" avec https://www.vigicrues.gouv.fr : ça fonctionne partout où fonctionne CSS Transform Smiley smile Si on veut déplacer des blocs dans les espaces laissés libres dans certaines résolutions, c'est vite spaghetti et les marges négatives ce n'est jamais facile à maintenir ensuite mais eh s'il faut il faut Smiley confused