I have an image on my webpage where I have used <map> like this:
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" />
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" />
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" />
</map>
Now I am making theme to make my site responsive for mobile devices like phones and tablets.
The problem is, since the <map> is using specific coordinates for the location of link. it DOES NOT work correctly on mobile devices.
How to solve this problem ?
Go to the complete details ...