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

时间:2019-01-06 08:15:16

标签: javascript html css mobile

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

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

1 个答案:

答案 0 :(得分:3)

您可以使用devicePixelRatio

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

实时output