[解決済み] レスポンシブ・イメージマップ

質問

レスポンシブHTMLレイアウトで、既存のイメージマップがあります。画像はブラウザのサイズに応じて拡大縮小されますが、画像座標は明らかに固定ピクセルサイズです。イメージマップの座標をリサイズするには、どのようなオプションがありますか？

解決方法を教えてください。

レスポンシブ・イメージマップには、プラグインを使用する必要があります。

https://github.com/stowball/jQuery-rwdImageMaps (メンテナンスは終了しています）

または

https://github.com/davidjbradshaw/imagemap-resizer

主要なブラウザでパーセント座標を正しく理解しているものはなく、すべて は、パーセント座標をピクセル座標として解釈します。

http://www.howtocreate.co.uk/tutorials/html/imagemaps

また、ブラウザが実装しているかどうかをテストするためのページです。

http://home.comcast.net/~urbanjost/IMG/resizeimg3.html