jquery로 가로 넓이(width), 세로 높이(height) 자동 조절 > jQuery

본문 바로가기
사이트 내 전체검색


회원로그인

jQuery

 > 개발자료 > jQuery

jQuery

jquery로 가로 넓이(width), 세로 높이(height) 자동 조절

페이지 정보

작성자 YJNet 작성일13-05-17 21:47 조회40,088회 댓글0건

본문

브라우저 크기에 따라서 width, height 자동 조절 됩니다.
브라우저 창크기: $(window).width(), $(window).height() 
전체화면크기: screen.width, screen.height
 
<소스>
<script type="text/javascript">
   $(document).ready(function(){
   $('.test').css('width', $(window).width() - 50 );
   $('.test').css('height', $(window).height() - 50 );
   $(window).resize(function() {
        $('.test').css('width', $(window).width() - 50 );
        $('.test').css('height', $(window).height() - 50 );
   });
}); 
</script>

<div class="test" style="border:1px solid gray;">
    jquery로  넓이, 높이 조절
</div>

댓글목록

등록된 댓글이 없습니다.

jQuery 목록

게시물 검색

접속자집계

오늘
361
어제
709
최대
1,173
전체
1,252,855
그누보드5
회사소개 개인정보취급방침 서비스이용약관    Copyright © www.g-it.kr. All rights reserved.