Допустимое использование -webkit-min-device-width - запрос для мультимедиа CSS

Question

Я получаю ошибку проверки W3 при связывании с таблицей стилей с использованием медиа-запроса для отображения сетчатки. Вот код:

<link rel='stylesheet' type='text/css' href='/css/styles-retina.css' media='only screen and (-webkit-min-device-pixel-ratio: 2)'/> 

В W3C отчеты об ошибках:

«Плохое значение только экран и (-webkit-мин-устройства пиксел соотношение: 2) для атрибута элемента медиа на ссылку: Ожидаемое письмо в начале части средства массовой информации, но увидели - вместо этого ».

Я искал это, и я начинаю думать, что для этого нет «правильного» решения, чтобы игнорировать ошибку проверки или вообще удалить этот запрос. Я понимаю, что проверка кода не всегда полезна, но есть ли способ в этой ситуации?

Answer 1

-webkit фильтр не имеет значения для W3C. Также значение для media='' не является стандартом W3C. Вы можете увидеть все разрешенные типы носителей здесь: http://www.w3schools.com/CSS/css_mediatypes.asp

Там нет никакого реального решения проверки кода, но вы могли бы сделать обходной путь, но это не реально проверить код:

PHP Временное решение:

function w3c(){ 
if((stristr($_SERVER["HTTP_USER_AGENT"],'w3c') === FALSE)) 
return true; 
} 

Используйте PHP обходной путь, как это для каждого содержимого, которое не должно быть видимым для W3C валидатор:

<?php if(w3c()){ ?> 
    <link rel='stylesheet' type='text/css' href='/css/styles-retina.css' media='only screen and (-webkit-min-device-pixel-ratio: 2)'/> 
<?php } ?> 

Javascript Обход:

Javascript также не виден W3C валидатор, чтобы вы могли использовать этот обходной путь (только имейте в виду, что Javascript может быть отключена):

<script type="text/javascript"><!-- 
document.write('<link rel='stylesheet' type='text/css' href='/css/styles-retina.css' media='only screen and (-webkit-min-device-pixel-ratio: 2)'/>'); 
//--></script>