vwとvhを使用してウィンドウのサイズ変更に関する問題

私はこの問題を抱えているので、vhとvwの測定を試しています：垂直方向にウィンドウを開く/クロムコンソールを開いてスクロールウィンドウをバックグラウンドでプロセスが読み込まれないスクロールする。私はどのようにウィンドウビューを再計算できますか？それ以外の方法でこの問題を解決できるのでしょうか？メディアクエリを使用する必要がありますか？助けていただければ幸いです。vwとvhを使用してウィンドウのサイズ変更に関する問題

.m-page-header { 
 
    display: flex; 
 
} 
 

 
.m-page-header__wrapper { 
 
    margin: 0 auto; 
 
} 
 

 
.m-page-header__img-container { 
 
    width: 100%; 
 
    height: 100%; 
 
    display: flex; 
 
    flex-direction: row; 
 
} 
 

 
.m-page-header img { 
 
    max-width: 100%; 
 
    height: auto; 
 
    display: block; 
 
} 
 

 
.main-content { 
 
    display: block; 
 
    background-image: url("https://image.ibb.co/hTboSm/1_HEADER_bg.jpg"); 
 
    background-size: 100%; 
 
    background-repeat: no-repeat; 
 
    width: 100vw; 
 
    height: 100vh; 
 
} 
 

 
.main-content__wrapper { 
 
    max-width: 960px; 
 
    margin: 0 auto; 
 
} 
 

 
html, 
 
body { 
 
    height: 100%; 
 
} 
 

 
body { 
 
    min-width: 960px; 
 
} 
 

 
.visually-hidden { 
 
    display: none; 
 
}

<body> 
 
    <main class="main-content"> 
 
    <div class="main-content__wrapper"> 
 
     <header class="m-page-header"> 
 
     <div class="m-page-header__wrapper"> 
 
      <section class="m-page-header__img-container"> 
 
      <h2 class="page-header__header-text visually-hidden">Game</h2> 
 
      <img src="https://image.ibb.co/cNjQ7m/1_HEADER_logo.png" alt="Game"> 
 
      </section> 
 
     </div> 
 
     </header> 
 
    </div> 
 
    </main> 
 
</body>

出典

2017-11-30 prostyash

使用 'window.onresize'。 –

「スクロールの過程でロードされません」という意味はどうですか？ウィンドウのサイズが変更されたときにコンテナの背景からどのような動作が期待できますか？ – Joulss

私は背景が作物であってはならない – prostyash