화면해상도에 따라 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());
});
이런식으로 해주세요 ^^
!-->
답변을 작성하시기 전에 로그인 해주세요.