Javascript 超光速粒子-如何在横向屏幕上显示无

我正在使用并且有一个图标。我只想在小型设备上显示该图标，但当其横向模式也显示在小型设备上时。由于纵向的屏幕尺寸小于480px，但如果我旋转，横向模式下的屏幕尺寸大于480px，这使得它的“中等”尺寸与超光速粒子一致

我如何处理这种情况

我的场景示例：仅在小型设备上显示图标、在中型和大型设备上隐藏图标、在横向模式下-在小型设备上显示图标或设置可接受的显示宽度范围

---

这意味着除了小型设备外，所有设备都不显示任何内容

听起来您应该使用“dn-l”，因为您只想在大屏幕上隐藏它。中小型屏幕应显示它

<div class="dn-l"></div>

参考：

document.getElementById('element-id').className = ''
document.getElementById('element-id').classList.add('' [,])