我正在使用http://tachyons.io/并有一个图标。我想只在小型设备上显示该图标，但是当它的横向模式也显示在小型设备上时。由于肖像的屏幕尺寸小于480px但是如果我旋转，它在横向模式下超过480px，这使得它按照Tachyons的“中等”尺寸。
我该如何处理这种情况？
我的方案示例：仅在小型设备上显示图标，在中型和大型设备上隐藏图标，在横向模式下显示 - 在小型设备上显示图标或设置可接受的宽度范围。
<div className="dn-ns">这意味着除了小型设备外，所有内容都不显示。
答案 0 :(得分：2)
听起来你应该使用＆＃34; dn-l＆＃34;因为你只想在大屏幕上隐藏它。中小屏幕应显示它。
<div class="dn-l"></div>
希望这有帮助！
对于它的价值，我相信＆＃34; class＆＃34;是HTML属性定义的首选。
＆＃34;的className＆＃34;是used in JSX for several reasons，对于使用其他语言（如JS）操作DOM非常有用。
classList [.add（）。tooggle（）,. remove（）]对tachyons也非常有用！
document.getElementById('element-id').className = ''
document.getElementById('element-id').classList.add('' [,])