@media запросы: получение ошибки в W3C CSS Validation Service

Question

Я пытался исправить ширину div-оболочки, используя запросы @media, в зависимости от размера экрана

где я написал эти строки кода

@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 Validation Service, я получил эти строки ошибки

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. *. Это URL, который я использую со своей ссылкой: http://jigsaw.w3.org/css-validator/check/referer?profile=css3