Responsive web design MAP

1) Plugin davvero utile:

 https://github.com/stowball/jQuery-rwdImageMaps

demo

2) CSS3 adorabile , fa la media query e si accorge quando il device è landscape e quindi centra l’immagine, tutto in percentuale!

meraviglioso!

/*

*

* mappa

*/

div#mappa {

width: 100%;

}

img[usemap] {

border: none;

height: auto;

max-width: 100%;

width: auto;

}

/* Landscape layout (with min-width) */

@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {

div#mappa {

width: 50%;

margin:0px 50%;

position:relative;

left:-25%;

}

 

}