@媒体查询：在W3CCSS验证服务中获取错误

我尝试根据不同的屏幕大小使用@media查询来固定包装器div的宽度

我在那里写了这些代码行

@media screen and (min-width:768px) and (max-width:1023px) {
 #wrapper {
 width:625px;
 padding-left: 50px;
 margin:0 auto;
}
}
 @media screen and (min-width:1024px) and (max-width:2047px) {
 #wrapper {
 width:865px;
 margin:0 auto;
 padding-left: 50px;
 width: 927px;
}
}

当我在W3C CSS验证服务中检查我的文件时，我发现了以下几行错误

Value Error : min-width Property min-width doesn't exist for media screen : 768px 768px
Value Error : max-width Property max-width doesn't exist for media screen : 1023px 1023px
Value Error : min-width Property min-width doesn't exist for media screen : 1024px 1024px
Value Error : max-width Property max-width doesn't exist for media screen : 2047px 2047px 

---

这类错误背后的原因是什么？

您没有设置使用CSS 3配置文件而不是默认配置文件（CSS 2）的选项。

您是否让验证器知道您正在使用CSS3？我不认为媒体查询是CSS2.*规范的一部分。这是我用于链接的URL：