携帯でしかスクロールしないとヒーローの画像が大きくなる

Question

私の問題は単純だと思いますが、私は狂ってしまいます。

モバイルでのみ、ページをスクロールすると、ヒーローイメージがちょっと大きくなります。それは、何かを再充電しているようなページにひどい影響を与えます。 私のPCで何かを試してみると、レスポンシブなデザインは何も起こりません。私は実際の携帯電話でそれを試したときに起こります。

http://www.thefactoryhair.netsons.org/ これは私のウェブサイトです。 エラーはセカンダリページに表示されます。 英雄像はVHで高さを持っています。私は:(ください

ヘルプは

Answer 1

簡単な答えはそれは厳しいですね。あなたの測定としてvhを削除することですが、残念ながらそれは現代のモバイルブラウザに感謝します。

あなたは上のページを下にスクロールするとモバイルブラウザ（私はちょうど私の携帯電話でChromeでテストしたところです）では、URLバーが短くなります。このようにすると、ビューポートの高さが増加し、vhを使用するすべての要素が「ジャンプ」します。

em、px、パーセンテージなどの測定値。何かを設定する必要がある場合は画面の高さに基づいています（他のオプションのどれも実行可能でないことを意味します）。jQueryを使用して画面サイズを調整しようとすることができます。

要素の高さを一度調整するために使用できるサンプルコードです。つまり、ページがリロードされたときにのみ、ビューポートのサイズ変更時に調整されません。

$(document).ready(function(){ 
    $('#fullscreen').css({'height':$(window).height()*1}); 
}); 

あなたは、あなたの代わりに100

のそれをウィンドウの高さの70％を作るために調整し、0.7で1を置き換えるために好きな要素で#fullscreenを置き換えることができ、これはすべての意味を成していますか？