Android - 底栏覆盖网页

Question

我正在开发一个桌面浏览器和移动浏览器都可以访问的网页。

在大多数移动浏览器上，布局已正确定位在屏幕底部，但在某些设备（主要是摩托罗拉设备）上，底部的工具栏覆盖了部分布局。

如何检测到我在手机上有这样的工具栏，所以我可以使用合适的边距底部来提升我的布局？

编辑： 这是CSS的一个示例，我使用的布局部分必须坚持到底部。也许这会有所帮助。

element.style {
    top: auto;
    bottom: 0px;
    max-height: 433px;
    display: block;
}

@media (max-width: 425px) and (min-width: 0px)
screen.css:589
#wrap.dock {
    width: 100%;
}

#wrap.dock {
    box-shadow: 0px 25px 10px 0px rgba(0, 0, 0, 0.5);
    height: 411px;
    overflow: visible !important;
    position: fixed;
    right: 0;
    z-index: 50;
}