在android中使用vh设置父高度时,100%高度不起作用

时间:2015-08-03 10:12:20

标签: android css google-chrome viewport-units

我遇到了这个问题在Android上使用Chrome时,它可以在同一设备上使用其他浏览器:

问题是当我将高度设置为100%时,嵌套的DIV不会填充其父级(其高度为100vh)。

SELECT CD.Description,Count(DISTINCT CD.TweetId) AS MatchingCount
FROM   Result_Table_CData CD
       INNER JOIN Result_Table_VData VD
               ON CD.TweetId = VD.TweetID
                  AND CD.Description = 'Product2'
                  AND VD.Description = 'ProductB' 

我在Chrome版本上测试过:26.0.1410.58和30.0.0.0。

:(

2 个答案:

答案 0 :(得分:2)

这似乎是Chrome上的一个错误。我在Chrome版本44.0.2403.133上测试过,它运行正常。

但我们需要找到一个解决方案来解决这个问题

答案 1 :(得分:0)

让你的孩子div min-height 100vh,以便它与父母相匹配。以下是更新代码:https://jsfiddle.net/6c55a8az/

#a{width:100%;height: 100vh;background-color: red;}
#a .inner {width: 100%;height: 100%;min-height: 100vh; background-color: green;}