| jquery로 가로 넓이(width), 세로 높이(height) 자동 조절 |
|
|
  |
8년 전 |
브라우저 크기에 따라서 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> |
|
 추천 : 348 |
추천
목록
|
|
