Question

我有以下内容将div（.home-bg）的100％高度和宽度提供给窗口。

调整大小不起作用：

// HOME-BG HEIGHT 100%

// global vars
var winWidth = $(window).width();
var winHeight = $(window).height();

// set initial div height / width
$('.home-bg').css({
    'width': winWidth,
    'height': winHeight,
});
});

// make sure div stays full width/height on resize
$(window).resize(function(){
    $('.home-bg').css({
        'width': winWidth,
        'height': winHeight,
    });
});

当我拿走最后一个});它可以工作但我当然得到一个错误。

Answer 1

您需要在调整大小时重新计算尺寸。

var $window = $(window);

function fullSize() {
   $('.home-bg').css({
     width: $window.width(),
     height: $window.height()
   }).html($window.width() + 'x' + $window.height());  
}

fullSize();
$window.resize(fullSize);

.home-bg {
  background-color: navy;
  color: white;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="home-bg"></div>

调整大小的窗口高度为100％ - Javascript

1 个答案: