Включая таблицы стилей для разных браузеров без JavaScript

Question

У меня есть утилита, которая просматривает мой css-файл и встраивает изображения как base64, чтобы уменьшить количество запросов, отправляемых на сервер. К сожалению, IE не поддерживает это.

Я знаю, как включить специфичные для IE таблицы стилей, используя условные комментарии, но как насчет FF, Opera и Webkit? Я не хочу давать таблицы стилей IE, которые он не использует.

Спасибо

Answer 1

Если я правильно понимаю ваш вопрос (и если нет), вы можете исключить CSS-файлы из IE, используя условные комментарии:

<![if IE 9]>
IE will ignore this; other browsers won't.
<![endif]>

Answer 2

Нет условных комментариев для Firefox, Opera и Safari. Я не уверен, можете ли вы загружать таблицы стилей с помощью Javascript, но я бы рекомендовал против этого в любом случае.

Обычно серверный язык сценариев, такой как PHP, определяет клиента и обслуживает соответствующие CSS-файлы. В PHP пользовательский агент может быть идентифицирован путем анализа содержимого $_SERVER['HTTP_USER_AGENT'].

Если вы не знакомы с программированием на PHP, есть несколько сценариев, которые вы можете использовать. Этот кажется особенно многообещающим.

Answer 3

Вместо этого. Лучший способ сделать это - использовать следующее. тип = «текст / сафари» тип = "текст / хром"

Нееет, не надейтесь на ошибки браузера! Chrome планирует исправить это (и, следовательно, отключить взлом) в версии 50.

http://code.google.com/p/chromium/issues/detail?id=286682

https://groups.google.com/a/chromium.org/forum/m/#!topic/blink-dev/nH1O6WszMgo

Answer 4

Вместо этого. Лучший способ сделать это - использовать следующее.

Тип = "текст / сафари"

Тип = "текст / хром"

прочитайте следующий пост для лучшего объяснения.

http://webgyani.com/2010/03/how-to-serve-different-stylesheets-only-to-safari-and-chrome/

-Amit

Answer 5

Читая user-agent в веб-запросе, вы можете использовать другую таблицу стилей в тегах HEAD.