Я использовал метод (найденный на http://php.net/manual/en/faq.html.php Пример # 4), который комбинирует javascript и php для достижения альтернативы для медиа-запросов.Я достигаю этого, используя JavaScript, встроенный в мой php, для публикации переменной (screen.width), которая затем используется php для определения точек останова для загрузки таблиц стилей.Включите в свой заголовок следующий фрагмент:
<?php
if (isset($_GET['width'])) {
$width = $_GET['width'];
if ($width <= 480) { //mobile devices
$style = '<link rel="stylesheet" href="mobile.css" type="text/css">';
} elseif ($width <= 720){ //tablets
$style = '<link rel="stylesheet" href="tablet.css" type="text/css">';
} else { //desktops
$style = '<link rel="stylesheet" href="desktop.css" type="text/css">';
}
echo $style;
} else {
echo "<script language='javascript'>\n";
echo " location.href=\"${_SERVER['SCRIPT_NAME']}?${_SERVER['QUERY_STRING']}" . "&width=\" + screen.width; \n";
echo "</script>\n";
exit();
}
?>
Я обнаружил, что использование этого метода также более эффективно для загрузки содержимого страницы, в отличие от медиазапросов (которые будут загружать стили CSS для всех устройств, даже когдав этом нет необходимости, т. е. на мобильные устройства по-прежнему загружаются стили рабочего стола).Этот метод обеспечивает загрузку таблиц стилей только для конкретного устройства, при условии, что у вас есть таблица стилей, которая имеет общие стили для всех мультимедийных устройств.