@media查詢：得到一個錯誤在W3C CSS驗證服務

Question

我試圖根據不同的屏幕尺寸

其中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 

的這些行

這種類型的錯誤背後的原因是什麼？

Answer 1

您沒有設置使用CSS 3配置文件而不是默認（CSS 2）的選項。

Answer 2

您是否讓驗證器知道您使用的是CSS3？我不認爲媒體查詢是CSS2。*規範的一部分。這是我用我的鏈接的網址：http://jigsaw.w3.org/css-validator/check/referer?profile=css3