2017-07-14 66 views
0

我的页面上有3个重要的div。其中2个具有固定的高度,1个应该适合窗口高度。我在CSS上使用calc(100vh - 260px);,它在Chrome的“设备工具栏”上工作得很好。但是,当我使用Chrome在手机上试用它时,浏览器不会从100vh中提取浏览器导航栏高度,并且第三个元素的底部会在视口下出现。有没有办法通过CSS或Javascript来解决这个问题?在手机上计算浏览器导航器

回答

0

我已经回答了非常类似的问题here

长话短说,用100%代替100vh

+0

对不起如果我不清楚。在我想展示的3个重要元素之下,我还有其他元素。所以制作100%不适合我:/。 –

+0

你可能不明白如何使用它。你能否给你的问题添加一段代码片段(jsfiddle或codepen或其他)? –

+0

哦,谢谢你我的方式。我只是让父母的身高(100%-260px)和孩子身高50%,并且工作。谢谢! –