我有一个响应式 wordpress 主题，并设计了一个带有图像映射活动区域的图像，当点击时会显示一个内容 div。
当重新调整窗口大小时，活动区域（当然）随着图像大小和位置的不同而移动。我尝试了一个插件http://wordpress.org/extend/plugins/responsive-image-maps/但这似乎不起作用，除非我无法解释我应该做什么。
下面是 html 和 javascript 调用
<map name="circle"><area shape="circle" coords="58,290,53" href="javascript:unhide('welcome');"><div class="columns different sidebar right"><img class="scale-with-grid" src="../different.png" usemap="circle" /></div></a>
</map>
有什么想法我应该为不同的媒体尺寸放置坐标吗？在 CSS 中，在调用 @media 函数的 html 中？