1.【サンプル】まるでクリッカブルしてみたクローム(chrome)では、画像のwidthとheightを指定しないとクリッカブルしてくれないので要注意です。(2020年8月現在) See the Pen 【jQuery】画像のレスポンシブ対応でクリッカブルマップがズレない『RWD Image Maps』を使いこなす by 125naroom (@125naroom) on CodePen. HTML<div class="imgBox"> <img src="https://125naroom.com/demo/img/sample_maru.jpg" alt="" width="1483" height="1483" usemap="#Map"> <map name="Map"> <area shape="circle" coords="375,331,154" href="#s_01"
![【jQuery】クリッカブルマップ『RWD Image Maps』を使いこなせば、レスポンシブでもズレませーん | 125naroom / デザインするところ(会社)です。](https://cdn-ak-scissors.b.st-hatena.com/image/square/d89291b18fd7cf0a7d27f0f1cc0b4205125c61f2/height=288;version=1;width=512/https%3A%2F%2F125naroom.com%2Fwp%2Fwp-content%2Fuploads%2F2020%2F08%2Fweb_j_023w.png)