gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 15:47:27 25 4
gpt4 key购买 nike

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

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

最佳答案

你可以用 devicePixelRatio 做到这一点

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

直播output

关于javascript - 缩放时如何使导航栏消失?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54059772/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com