自從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

抱歉有錯誤的誤導性問題。事實證明，Chrome的方法jQuery.browser.safari正在返回true。一些基於瀏覽器的腳本被跳過，頁面行爲改變。

反而使用;

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

Answer 2

它總是發生。在某些div中，它可以正常工作。在其他人看來，div是看不見的。到目前爲止，我已經解決了這個問題，刪除樣式'高度：100％'，並在受影響的div中留下'overflow：auto'。