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

Question

在使用 bootstrap 3 的自动隐藏顶部导航时，我注意到当用户在移动设备上使用原生缩放时，顶部导航也变得非常大。这会导致非常糟糕的用户体验，导航会遮挡大部分内容并最终导致自身崩溃。

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

标签： javascripthtmlcssmobile

Answer 1

你可以这样做devicePixelRatio

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

实时输出