2016-04-14 18 views
0

由于收到新的Google Chrome(桌面)升级版,网页不会听“身高:100%”;标签用于CSS文件。适用于IE。我们所有的div面板都是隐形的。该项目有相当多的这种用法的网页。自从Chrome版本50.xx以来身高标记无法使用

样本用法如下;

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

尝试"height:100vh"而不是和原来,他们不会以同样的方式工作,页面有不同的屏幕分辨率不同的行为。

有人可以提出解决方案吗? 在此先感谢!

+2

你能分享一些代码或小提琴来纠正问题吗? –

回答

0

抱歉有错误的误导性问题。事实证明,Chrome的方法jQuery.browser.safari正在返回true。一些基于浏览器的脚本被跳过,页面行为改变。

反而使用;

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

它总是发生。在某些div中,它可以正常工作。在其他人看来,div是看不见的。到目前为止,我已经解决了这个问题,删除样式'高度:100%',并在受影响的div中留下'overflow:auto'。

相关问题