javascript - 当窗口较小时窗口会调整大小，即使窗口宽度较大后也保持不变

Question

抱歉，标题含糊不清，不知道应该使用什么。我想根据窗口大小调整播放器(Javascript)的大小，以使其具有响应能力。标准宽度是620px，如果宽度小于我希望组件的宽度应该是100%。我使用 jQuery 添加了一个事件监听器。但是，问题是，当窗口大小小于 620 时，播放器组件的宽度会变为 100%，并且即使之后窗口大小变大，它仍然保持为 100%。这是我的代码。

function resizeVideo() {
  var width = $('#slideshow').width();
    if(width < 620) {
      $('#object').width('100%');
      $('#object #background').width('100%');
      $('#object #slide_area').width('100%');
      $('#object #controls').width('100%');
      // alert("here");
    }
    else {

    }
  }
resizeVideo();
window.addEventListener("resize", resizeVideo, false);

Answer 1

只需从窗口宽度调整大小，而不仅仅是从 #slideshow 调整大小:

function resizeVideo() {
    var width = $(window).width();
    if(width < 620) {
        //Resize to 100%
        $('#object, #background, #slide_area, #controls').width('100%');
    } else {
        //Resize back to normal value
        $('#object, #background, #slide_area, #controls').width(620);
    }
}

作为监听器，我将使用 jQuery 这样做:

$(window).on('resize', resizeVideo);