map 태그 & area 태그 의 모바일 호환성

시와별

2019-05-19 (일) 19:19:57 5,003

아래와 같이 이미지에 map 링크를 걸었습니다.

Copy

<img src="이미지" alt="icon"width="100%" height="100%" usemap="#link" alt="">
            <map name="link">
  
<area shape="rect" coords="304, 47, 492, 129" href=" 링크1" target="_blank">
<area shape="rect" coords="301, 190, 520, 269" href="링크2" target="_blank">
<area shape="rect" coords="16, 196, 166, 269" href="링크3">
<area shape="rect" coords="14, 49, 230, 152" href="링크4">
  </map>

그런데 문제는 테스크 탑 익스플로어에서는 링크가 잘 걸리는데
모바일에서는 좌표값이 틀려 링크가 엉뚱하게 걸리던지 걸리던지 걸리지도 않던지 하는데
이때는 어떻게 해야하는지 고수님들의 고견을 듣고 싶습니다.

map 링크 이미지링크