Html 媒体查询问题：调整块大小/移动块

我正在尝试三种不同的布局
桌面-页面顶部的图像+文本块
中等设备-页面顶部的图像和页面底部的文本
移动-页面底部的文本

我已经弄明白了我想如何使用桌面和移动设备，我还以为我已经弄明白了中型设备，但它不能正常工作

HTML

标题
正文

正文

CSS:

@仅介质屏幕和（最小宽度：1000px）{
.一些容器--底部{
显示：无；
}
}
@仅介质屏幕和（最大宽度：999px）和（最小宽度：601px）{
.集装箱{
显示：无；
}
.一些容器--底部{
显示：无；
}
}
@仅介质屏幕和（最大宽度：600px）{
.一些容器-顶部{
显示：无；
}
}

---

因此，桌面工作（即，我的图片和文本显示正确）和移动工作（我的文本显示在我想要的地方）。但是，对于我的媒体设备，它显示所有内容（页面底部和顶部的文本和图像）。我的代码有什么问题？

您的css规则中有一个错误：

@media only screen and(max-width:999px) and (min-width:601px){
                      ^ There must be a space between 'and' and the opening parenthesis

---

有时候，需要的只是另一双眼睛。非常感谢你！摩根，请让你知道这个网站是如何运作的。不鼓励发表“谢谢”的评论。