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

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 
});

实时输出