Html 如何为我的网站设置多个浏览器宽度的媒体查询？

我正试图根据浏览器宽度更改为div的上边距。。使用一个查询和主css一起工作，但当我添加另一组屏幕宽度/相关样式时，它们没有响应。如果我想在屏幕调整时拥有4或5个不同的边距顶部，那么拥有多个设备宽度的最佳方式是什么

下面的代码是我尝试的一个例子，我不太确定我做错了什么。。。非常感谢您的帮助

 @media screen and (min-width: 1px) and (max-width: 410px){
.inner-cont{margin-top:130px;}}

@media screen and (min-width:411px) and(max-width: 1000px){
.inner-cont{margin-top:50px;}}

---

我是新手，但我学到了很多，我非常感谢所有在这个网站上的帮助。谢谢大家

您只缺少

关键字，但

例如

 @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}


（更改浏览器宽度以便理解）
此处没有空间，因此您的
媒体查询将失败

and(max-width: 1000px)
 --^--

（调整小提琴窗口的大小以查看效果）

另外，我没有标记，所以如果你试图应用
margintop:130px
在
内联
元素上，它将简单地失败，继承问题、媒体查询的顺序也很重要，但就所提供的代码而言，我能看到的唯一问题是缺少的空间。
因此，对于我想要的所有设备宽度，我将设置多个空间？
仅使用
关键字，以便IE8<将跳过该CSS片段，这与你没有关系working@user3145782：它可以工作…请参阅中编辑的链接answer@user3145782我answered@NoobEditor哈哈，谢谢你，也祝你新年快乐：）1+接得好-我都没看到！