缩放时如何使导航栏消失？

Question

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

我的问题是；缩放时如何使导航栏消失？

Answer 1

您可以使用devicePixelRatio

$(window).resize(function() { 
  var one =  Math.round(window.devicePixelRatio * 100);
  //one will give you zoom percentage now here hide navigation 
});

实时output