gpt4 book ai didi

javascript - CSS 媒体查询不足以检测超大型移动/平板设备与桌面设备

转载 作者:行者123 更新时间:2023-11-28 13:56:21 25 4
gpt4 key购买 nike

<分区>

通常,在针对桌面检测移动或平板设备时,我会使用以下媒体查询。

@media only screen and (min-width: 991px) 

我有一个表格组件,它使用 CSS 中的可见性设置在悬停时呈现每行中的操作按钮。但是,当设备小于最小宽度 991px 时,图标始终可见,因为移动设备不使用悬停。

现在的问题是横向 iPad 和 iPad pro 比宽度 991 更重要。是否有更高级的媒体查询或 Javascript 代码我可以用来检测它是移动/iPad 设备还是桌面浏览器。

我正在使用 React 并为应用动态样式的内联媒体查询创建了自定义 Hook ,但这有同样的问题。

感谢 Jonas 添加了一些关于屏幕尺寸媒体查询的建议,但这没有涵盖我的问题。我正在使用媒体查询来关闭悬停模式,一些大型平板电脑的屏幕尺寸低于笔记本电脑的尺寸。下面提供了一个很好的答案。

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