jquery로 가로 넓이(width), 세로 높이(height) 자동 조절
페이지 정보
작성자 YJNet 작성일13-05-17 21:47 조회45,780회 댓글0건본문
브라우저 크기에 따라서 width, height 자동 조절 됩니다.
브라우저 창크기: $(window).width(), $(window).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>
<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>
댓글목록
등록된 댓글이 없습니다.