@media 查询：在 W3C CSS 验证服务中出现错误

Posted 2023-03-06

【中文标题】@media 查询：在 W3C CSS 验证服务中出现错误

【英文标题】：@media queries : getting an error in W3C CSS Validation Service

【发布时间】：2011-11-25 18:26:32

【问题描述】：

我尝试根据不同的屏幕尺寸使用@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 

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

【参考方案1】：

您没有将选项设置为使用 CSS 3 配置文件而不是默认配置文件 (CSS 2)。

【参考方案2】：

您是否让验证器知道您正在使用 CSS3？我不认为媒体查询是 CSS2.* 规范的一部分。这是我在链接中使用的 URL：http://jigsaw.w3.org/css-validator/check/referer?profile=css3