ウィンドウのDivポジションを変更します。

Question

ブラウザウィンドウのサイズを変更すると、次のコードはアクティブ化されません。ページ上でのみをロードします。ステートメントの場合私は間違って何をしていますか？

$(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

フレックスボックスをチェックすると、必要なものと正確に一致する可能性があります。ここでは、それらを使用する方法に関する有用なリンクがあり、CSS内で使用されています。