@media查询：得到一个错误在W3C CSS验证服务

其中i写这些代码行使用@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

的这些行

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

来源

2011-09-27 Jamna

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

来源

2011-09-27 06:17:59 Quentin

ohhh yes !!!!谢谢你，我忘了设置选项。 – Jamna

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

来源

2011-09-27 06:19:05

@media查询：得到一个错误在W3C CSS验证服务

回答

相关问题