Совместимость с CSS и браузером

Question

Есть много способов решить проблему совместимости с браузером CSS. Например, использование дизайна модели Box или разработка различных таблиц стилей для разных браузеров или использование методов динамического CSS (написание сценария PHP в файле CSS).

Есть ли способ узнать, что стиль, который выполняется в браузере, поддерживается этим браузером или нет?

Можем ли мы написать код, похожий на приведенный ниже, в динамическом CSS с использованием кода PHP. Я имею в виду, есть ли какая-либо функция или способ для достижения этой функциональности.

FILENAME: styles.css.php

<?php
header("content-type: text/css");

// isStyleSupported() function will return true or false with respect to the browser it is being executed
if (isStyleSupported('min-width')) {
   // styles here
} else {
   // alternative style here
}

?>

Я знаю, что может быть трудно вести учет различных версий браузеров в отношении его поддержки CSS. Но все же любопытно, если кто-нибудь знает какое-либо решение или альтернативный метод?

Answer 1

Невозможно определить браузер клиента с помощью чисто серверного решения, такого как PHP, поскольку сервер только отправляет информацию и не получает отклика от браузера.

Это звучит как работа для Javascript, где вы бы проверили, поддерживается ли конкретный стиль CSS браузером клиента. .

Как только вы определили, какие стили поддерживает запрашивающий браузер, вы можете использовать AJAX и PHP для предоставления правильных стилей. С другой стороны, вы также можете использовать чистый Javascript для правильных стилей.

Преимущество использования функции Javascript перед функцией PHP, запускаемой AJAX, для проверки поддержки стилей CSS заключается в том, что вы можете на самом деле тестировать поддержку CSS отдельных браузеров с помощью JS вместо того, чтобы полагаться на некоторую документацию о стилях поддерживается какими браузерами, что вам придется делать с функцией PHP.

В любом случае вам необходим Javascript для определения используемого браузера.

Answer 2

Я гуглил для IE hack и нашел такие страницы, как CSS-хаки , которые подходят для вашего вопроса: как встроить условную обработку в CSS (не используя PHP).