检查移动浏览器和底部工具栏是否显示?

时间:2019-05-01 03:14:51

标签: android html ios css

我想将“ 未找到结果”文本放在具有以下内容的正文标签中的div中:

{
   height:100%;
} 

div具有:

margin-top: calc(50vh - 100px);

除了iPhone Safari和Chrome(我怀疑是Android)人像模式外,一切看起来还不错。在这种情况下,导航工具栏会显示在底部,将其他所有内容向上推。

因此,在这种情况下,我想使用:

margin-top: calc(50vh - 140px);

假设底部浏览器菜单栏为40px。这样,希望文本看起来更垂直居中。

检测底部菜单栏是否显示的最佳方法是什么?

0 个答案:

没有答案