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

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

QA

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

본문

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


<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>


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

이 질문에 댓글 쓰기 :

답변 1

이런 거 적용해보세요.

http://gnustudy.com/bbs/board.php?bo_table=sitelink&wr_id=35

전 주로 Image Map Resize를 사용합니다.

 

Image Map Resize
https://github.com/davidjbradshaw/image-map-resizer

 

jQuery RWD Image Maps
https://github.com/stowball/jQuery-rwdImageMaps

답변을 작성하시기 전에 로그인 해주세요.
전체 14
QA 내용 검색
filter #map ×

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT