이미지맵 질문
본문
<div class="separator" style="clear: center:">
<img alt="" border="0" data-original-height="1920" data-original-width="960" src="https://1.bp.blogspot.com/-D8e6CZ-Awa4/YDTv4CJcLqI/AAAAAAAAJrQ/nsxbmVYSz_8-zalQ-gqSei33-Xvu9uQAQCLcBGAsYHQ/s0/%25EB%258F%2599%25EC%259B%2590.gif" usemap="#Map" /></div>
<map id="Map" name="Map">
<area coords="39,1892,281,1652" href="https://docs.google.com/forms/d/e/1FAIpQLSdqcCHJ3VPmZocvRXiVK2Cm44AlxBYddD8apzr7WX1QE9ml0A/viewform" shape="rect" target="_blank">
<area coords="356,1652,600,1892" href="tel:050713399106" shape="rect" target="_blank">
<area coords="680,1653,925,1894" href="blog.naver.com/PostList.nhn?blogId=worldvisionlogis&categoryNo=7&parentCategoryNo=7&skinType=&skinId=&from=menu" shape="rect" target="_blank">
</map>
이미지맵을 만들었는데 PC에서는 클릭 자체가 되질 않고 모바일에서는 작동하는데 코드 좀 봐주세요ㅜㅜ
답변 1
pc에서는 좌표가 좀 아래쪽에 잡혀있는듯 하네요. 그리고 이미지맵의 경우 사이즈가 달라지면 좌표가 달라져서 pc랑 mobile 같이 못써요. pc기준으로 좌표잡고 아래 플러그인을 적용해보세요.
http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html
답변을 작성하시기 전에 로그인 해주세요.