图像映射响应设计

时间:2012-08-31 11:27:21

标签: responsive-design

我有一个自适应的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函数吗?

0 个答案:

没有答案