我有一个自适应的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中,哪个html调用@media函数?