почему html карта и область не работают на мобильном телефоне?

Question

Отлично работает на браузере Chrome на моем ноутбуке, но на моем мобильном смартфоне совсем не работает. Есть кто-нибудь, кто решил эту проблему?

<img id="image" src="login.jpg" width="1080" height="2160" usemap="#Map" >
<map name="Map">
  <area target="_self" shape="rect" coords="272,1625,820,1740" href="buyer_profile.html">
  <area target="_self" shape="circle" coords="814,2088,40" href="back.html">
</map>

Answer 1

Только что обнаружил, что высота и ширина области просмотра отличаются от размера изображения. В моем случае мне пришлось разделить на 3 координаты области карты, и теперь все в порядке.

Элегантным решением было бы решение, которое может динамически корректировать координаты в соответствии с соотношением между размером изображения и фактическим размером области просмотра. .