jquery - 在窗口调整大小时更改 Div 位置

Question

当我调整浏览器窗口大小时，以下代码未被激活。只有在页面加载时 else if 语句才有效。我究竟做错了什么？

$(updateBoxDimension);
$(document).ready(updateBoxDimension);
$(window).on('resize', updateBoxDimension);

function updateBoxDimension() {
    var $box = $('.case-study-outer');

    // To center the box
    var boxTop = ($(window).height()) / 2 - ($box.height() / 2);

    if ($(window).width() < 900) {
        $box.css({
            top: inherit
        });
    } else if ($(window).width() > 900) {
        $box.css({
            top: boxTop
        });
    }
}

Answer 1

查看 flex 盒子，它们可能正是您所需要的。这是一个关于如何使用它们的有用链接，它们在 CSS 中使用。 https://css-tricks.com/snippets/css/a-guide-to-flexbox/