화면해상도에 따라 div width 크기를 맞출 수 있나요?
본문
네이버 api를 이용해 모바일에서 지도를 불러오게 하려고 합니다.
div 를 100% 로 하면 네이버 지도가 처음 보일때 지도가 반쪽만 보여요.
그래서 화면의 가로 사이즈를 추출해서 width 에 넣어야 될것 같은데
밑에 400px을 모바일에서 가로사이즈를 추출한 크기를 넣으려면 어떻게해야 될까요?
도움 부탁 드려요~~
<div id="map" style="width:400px;height:200px"></div>
<script type="text/javascript" src="https://openapi.map.naver.com/openapi/v3/maps.js?clientId=아이디&callback=initMap"></script>
답변 1
$(document).ready(function(){
//로드 완료 될 때
$('#map').css('width', $(window).width());
});
$(window).resize(function(){
//윈도우 크기가 변경 될 때
$('#map').css('width', $(window).width());
});
이런식으로 해주세요 ^^
하찌님 답변 감사드려요~
사이즈는 자동으로 잡히는데, 지도는 반쪽만 보여요.
퍼센트가 아닌 픽셀로 잡는 방법이 있을까요?
제가 작성한 스크립트는 퍼센트가 아닌.. px값으로 들어갑니다
그래도 안되신다면 제작의뢰 하시는게 나을실겁니다
답변을 작성하시기 전에 로그인 해주세요.