미채택 완료
화면해상도에 따라 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개 / 댓글 2개
Copy
$(document).ready(function(){ //로드 완료 될 때 $('#map').css('width', $(window).width());});$(window).resize(function(){ //윈도우 크기가 변경 될 때 $('#map').css('width', $(window).width());});이런식으로 해주세요 ^^
답변을 작성하려면 로그인이 필요합니다.
사이즈는 자동으로 잡히는데, 지도는 반쪽만 보여요.
퍼센트가 아닌 픽셀로 잡는 방법이 있을까요?