android webview zoom时如何使导航栏消失？

Question

当使用自动隐藏引导程序3的顶部导航时，我注意到当用户在移动设备上使用本机缩放时，顶部导航也会变得非常大。这会导致非常差的用户体验，导航会掩盖大部分内容并最终破坏自身，如以下示例所示：

以下代码可在桌面上运行，但无法在android上运行。我认为android上的这种接近度测量方法以另一种方式起作用。怎么了？

<script>
$(window).resize(function() { 
var one =  Math.round(window.devicePixelRatio * 100);

    if (one > 100) {
$("nav.navbar-default").hide();
} else {
$("nav.navbar-default" ).show();
}

});
</script>