Html 移动时如何创建小报作者？

我写了下面的HTML和CSS代码没有问题，但我使用的是Flexbox系统，我希望我在这个标题中的列表被隐藏并变成移动屏幕上的小报，就像下面的例子一样；我怎样才能得到它？（无助推器） 谢谢你的帮助

*{
填充：0px；
边际：0px；
框大小：边框框；
}
h1{
底部边框：2倍纯红；
垫底：1毫米；
}
李{
边框底部：1px纯黑；
列表样式：无；
字体大小：14px；
}
#包裹{
背景：黑色；
垫面：1.5rem；
垫底：0.5雷姆；
}
.集装箱{
最大宽度：1100px；
保证金：0自动；
背景色：白色；
显示器：flex；
}
梅因先生{
宽度：260px；
高度：260px；
右边距：1rem；
}
.main-1{
左边距：1 em；
}
.电话{
显示器：flex；
弯曲方向：立柱；
宽度：8雷姆；
高度：3雷姆；
证明内容：中心；
对齐项目：居中；
边框：2倍纯红；
页边顶部：1rem；
}
贝利先生{
显示器：flex；
弯曲方向：立柱；
}

哈斯塔·雷贝里

Ziyaretçi Politikası
政治改革
Güvenlik Bilgisi ve politikaı
Şikayt Politikası
İleri Teknolojiler
哈斯塔·哈克拉尔·比里米
门努尼耶·萨奥拉·苏雷西
Hasta Odaları
阿梅利亚塔内勒

哈斯塔·雷贝里

Ziyaretçi Politikası
政治改革
Güvenlik Bilgisi ve politikaı
Şikayt Politikası
İleri Teknolojiler
哈斯塔·哈克拉尔·比里米
门努尼耶·萨奥拉·苏雷西
Hasta Odaları
阿梅利亚塔内勒
门努尼耶·萨奥拉·苏雷西

哈斯塔·雷贝里

Ziyaretçi Politikası
政治改革
Güvenlik Bilgisi ve politikaı
Şikayt Politikası

这里是一个javascript解决方案

我在css中添加了

@媒体（最大宽度：550px）

。访问数组时，我使用了

forEach（）

方法：

Array.from(tab).forEach(function(tabArray, i) {...});

列表显示类型为toggle—

toggle（）

方法

有必要吗

函数f_width（）{code> let tab=document.queryselectoral（'.main h1'）； let menu=document.queryselectoral（'.main ul'）； 函数（tabArray，i）{ tabArray.addEventListener（'click'，function（）{

---

如果（window.innerWidth如果我对jquery做出决定，对你来说可以吗？事实上，如果用html和css来做会更好，但可能是这样，但我想知道如何用jquery来做。@sergeykuznetsov Hey bro我找不到任何人来帮你解决这个问题，请回来。我想你不会用我的解决方案来处理jiquery。如果你的这个问题只能通过css解决，然后您需要对html结构进行更改我唯一的愿望是学习如何解决这个问题，如果可能的话，你能展示一下如何用最简单的方法制作jquery或vanilla吗？不管是哪种方法。此外，我需要用css改变html中的结构，但我应该改变什么呢？没问题，兄弟：）当您在项目中使用它时，请删除此行-

窗口。addEventListener（“resize”，f_width）

是示例性的窗口调整事件侦听器，不需要。如果您有任何问题，请告诉我。祝您好运。