自 Chrome 版本 50.xx 起，高度标签不起作用

Question

自收到新的 Google Chrome（桌面）升级后，页面不再监听 CSS 文件中使用的 "height: 100%;" 标签。与 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 中它工作正常。在其他情况下 div 是不可见的。到目前为止，我已经解决了删除样式 'height:100%' 并在受影响的 div 中保留 'overflow:auto' 的问题。

Height tag is not working since Chrome version 50.xx