Html 有人能帮助我或给我一些提示，使这个页面响应吗？

我还是CSS的初学者，我不知道为什么这个页面没有任何响应。 有人能帮上忙吗，或者只是给点建议如何让它反应灵敏。 我尝试了一些@media查询，但我对结果不满意，我认为还有其他解决方案。 如果你们能帮助我，我将非常感激

* { 保证金：0； 填充：0； 颜色：白色； 框大小：边框框； 字体系列：“Poppins”，无衬线； 字号：700； } 身体{ 背景色：黑色； -moz用户选择：无； -khtml用户选择：无； -webkit用户选择：无； } .nameContainer{ 边框底部：1px实心E5； 显示：继承； } .textContainer{ 左边距：25px； 利润上限：-15px； 显示：内联表； 字体大小：47px； 字号：700； 线高：124px； 字母间距：-1px； } .预览图像{ 高度：450px； 宽度：450px； 右边距：10px； 边缘底部：25px； 边缘顶部：25px； 左边距：25px； 显示：内联flex； } .textContainer span{ 显示：内容； 空白：nowrap； } .类别容器{ 显示器：flex； } .类别容器p{ 背景色：淡蓝色； 颜色：白色； 显示：块； 对齐项目：居中； 填充物：5px 10px 2px； 线高：12px； 字体大小：23px； 空白：nowrap； 填充：15px 45px； 边缘顶部：25px； } .类别容器p{ 背景色：淡蓝色； 颜色：白色； 显示：块； 对齐项目：居中； 填充物：5px 10px 2px； 线高：12px； 字体大小：23px； 空白：nowrap； 填充：15px 45px； 边缘顶部：25px； } .描述容器{ 显示：块； 边缘顶部：15px； 字体大小：20px； 线高：正常； 最小宽度：700px； 空白：预包装； 字母间距：0px； } 这里有一些文字 一些文本

Lorem ipsum dolor sit amet，是一位杰出的领导者。埃尼安·康莫多·利古拉·埃吉特·多洛。埃尼安·马萨。在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。Donec quam felis、ultricies nec、pellentesque eu、pretium quis、sem。这是一个很好的例子。Donec pede justo、fringilla vel、aliquet nec、vulputate eget、arcu。在埃尼姆·胡斯托、朗卡斯·乌特、伊佩拉、维尼那提斯·维塔、胡斯托。猫咪的口头禅是一种很好的口头禅。整数tincidunt。克拉斯·达皮布斯。万岁

---

我建议给img它自己的类，并设置它的高度和宽度的百分比。由于已将主容器设置为固定的高度和宽度，因此它不会响应。此外，您还必须使用媒体查询，并根据需要调整每个类的值。

我建议将img设置为自己的类，并将其高度和宽度设置为百分比。由于已将主容器设置为固定的高度和宽度，因此它不会响应。此外，您还必须使用媒体查询并将每个类调整为所需的值。

除了媒体查询之外，我建议避免使用以像素为单位的大小，而是使用相对css单位，如em或rem，这样字体大小、高度和宽度都是可伸缩的。阅读这里的更多信息：

除了媒体查询，我建议避免使用像素大小，而是使用相对css单位，如em或rem，这样字体大小、高度和宽度都是可伸缩的。请在此处阅读更多信息：

尽管您的查询没有解决特定的响应性设计问题，但在查看您的代码后，我意识到您可能需要预览页面{display:flex；flex wrap:wrap；}。当然，这并没有解决您的其他CSS问题。尽管您的查询没有解决特定的响应性设计问题，但在查看了您的代码后，我意识到您可能需要。PreviewiImage{display:flex；flex wrap:wrap；}。当然，这并不能解决其他CSS问题。