jquery.rwdImageMaps.jsを使って画像のmapタグ（クリッカブルマップ）を自動調整でレスポンシブ対応します。

以下の画像の「D」と「U」文字にmapタグ（クリッカブルマップ）を設定してます。
「D」と「U」をクリックすると各altに設定している文字をalertメッセージで表示します。
ブラウザ幅を拡大・縮小させてクリックしてみて下さい。