Javascript 如何'；隐藏&x27；浏览器重新调整为手机屏幕大小时的html元素内容？

当浏览器重新调整到移动屏幕大小时，如何“隐藏”html元素内容？但是，当我把它重新调整到桌面屏幕大小时，它会“取消隐藏”吗？无论屏幕大小如何，都需要保持所有类似css的颜色。顺便说一下，我正在使用javascript/jquery动态创建这些表标记html元素

目前，对于桌面屏幕大小，它看起来像这样，在浏览器上看起来很好

但是，当我将浏览器调整到手机大小时，它看起来就不那么好看了

---

使用类将

span

中元素的文本包装起来（例如，

仅宽

，但实际名称并不重要），并通过CSS在显示区域小于一定大小时使用隐藏：

@media screen and (max-width: 400px) {
    .wide-only {
        display: none;
    }
}

如果显示宽度小于400px，则该规则将隐藏

span

s