私はレスポンシブなワードプレスのテーマを持っており、クリックするとコンテンツ 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 内で?