Chromeバージョン50.xx以降で高さタグが動作していません

Question

新しいGoogle Chrome（デスクトップ）アップグレードを受信して​​以来、ページは「高さ：100％;」を聞いていません。 CSSファイルで使用されるタグ。 IEでうまく動作します。私たちのdivパネルはすべて見えません。プロジェクトには、このような使い方のページがかなりたくさんあります。

以下のサンプル使用例。

div.ElementToScroll { 
    overflow-y: scroll; 
    position: relative; 
    padding: 0 !important; 
    height: 100%; 
    ... 

ではなく"height:100vh"を試してみましたが、彼らは同じように働いていないと判明したページは、異なる画面解像度で異なる動作を持っていました。

誰かが解決策を提案できますか？ ありがとうございます！

Answer 1

ご迷惑をおかけして申し訳ありません。メソッドjQuery.browser.safariがChromeでtrueを返すことが判明しました。一部のブラウザベースのスクリプトはスキップされ、ページの動作が変更されました。

代わりに使用されます。

var is_safari = /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor); 

Answer 2

常に発生しません。いくつかの部門では正しく動作します。他の部分では、divは見えません。今、私はこの問題を解決して、 'height：100％'のスタイルを削除し、影響を受けたdivに 'overflow：auto'を残しました。