高さ：サファリで作業していない100％

Question

私は1つの子divを、親div {親divは一定の高さを持つ}の下に垂直に配置しています。私は高さ：100％の子供のdivを割り当てたが、サファリでのみこのプロパティを取っていません。ここに問題のスクリーンショットがあります。 Safari bug

Chromeとmozではすべて機能していますが、サファリです。ここにウェブサイトのライブバージョンがあります。 http://www.ravnapp.com/

ありがとうございます、ありがとうございます！

更新：関連するHTMLコードです。

<div class="uk-width-medium-1-2 uk-width-small-1-2 uk-width-large-1-2"> 
    <div class="action-image uk-position-relative"> 
    <div class="uk-cover-background"> 
     <img src="img/action1.png" width="100%" height="" alt=""> 
    </div> 
    </div> 
</div> 

<div class="uk-width-medium-1-2 uk-width-small-1-2 uk-width-large-1-2 action-text uk-vertical-align"> 
    <div class="uk-vertical-align-middle"> 
    <h1 class="avenirlight">TOTAL PRIVACY <br><span class="avenirmedium">AND CONTROL</span></h1> 
    <p class="desp blenderbook">Ravn is yours to use as you like. Everything is safe and secure and even your notifications are fully disguised. Your privacy is our priority.</p> 
    </div> 
</div> 

<div class="uk-width-medium-1-2 uk-width-small-1-2 uk-width-large-1-2 action-text uk-vertical-align"> 
    <div class="uk-vertical-align-middle"> 
     <h1 class="avenirlight">EXHALE, <br><span class="avenirmedium">FINALLY</span></h1> 
     <p class="desp blenderbook">Ravn is 100% discreet. All your activity is stored within Ravn so you won’t have any surprises popping up in your chat history or camera roll. We’ve got your back.</p> 
    </div> 
</div> 

<div class="uk-width-medium-1-2 uk-width-small-1-2 uk-width-large-1-2"> 
    <div class="action-image uk-position-relative"> 
    <div class="uk-cover-background"> 
     <img src="img/action2.png" width="100%" height="" alt=""> 
    </div> 
    </div> 
</div> 

Answer 1

コンテナdivは実際には高さが設定されていないように見えます。コンテンツが垂直に中央に来るには高さが必要です。フルスクリーンで幅を50％に設定し、高さを一致させたいからです。各容器に

height: 50vw; 

を追加するだけです。これは、ビューポートの幅の半分に高さを設定します。これは、現在の設定で与えられたボックスの幅に一致します。

画像が実際には四角形になるように調整する必要があります。