CSS для браузера - PullRequest
       2

CSS для браузера

0 голосов
/ 04 ноября 2011

Я хочу использовать шрифты на моем сайте, которые отлично смотрятся в Firefox, но разбиты на Chrome и IE. Теперь, чтобы избежать этой проблемы, я хотел изменить семейство шрифтов только для Chrome и IE. Существует оператор [if IE] для поддержки IE, но есть ли он и для Chrome (и, возможно, для большего числа браузеров)?

Ответы [ 4 ]

4 голосов
/ 04 ноября 2011

jQuery.browser

Доступные флаги:

  • Элемент списка
  • webkit (по состоянию на jQuery 1.4)
  • сафари (устарело)
  • опера
  • msie
  • mozilla

Пример использования:

  if ($.browser.webkit) {
    alert( "Set up your font css" );
  }
3 голосов
/ 04 ноября 2011

Нет, только IE поддерживает условные комментарии.

Тем не менее, я бы советовал против любого кода, специфичного для браузера.Как разработчик, вы должны убедиться, что ваш сайт выглядит одинаково хорошо в максимально возможном количестве браузеров.

Если вы действительно хотите условный код, используйте обнаружение браузера (т. Е. Ищите в строке агента пользователя фрагменты, идентифицирующиебраузер)

2 голосов
/ 15 апреля 2014

Простое решение, просто используйте эту библиотеку JS, и вы можете легко применять стили для каждой комбинации браузера / ОС:

BrowserClass.js

При этом вы получите имя класса в теге body с текущим именем и версией браузера, а также с используемой ОС.

После включения файла:

<script src="js/browserclass.js"></script>

Например, в Windows 8.1 с последней версией Chrome вы увидите:

<body class="chrome chrome34 win desktop">

И в вашем файле стиля вы можете сослаться по: (стиль .sass)

body.chrome
  #example
    color: blue

или

body.win.chrome
  #example
    color: red

Примечание:

[if IE] операторы устарели с IE10, так что это решение для этого

0 голосов
/ 04 ноября 2011

Этот сайт очень полезен

http://paulirish.com/2009/browser-specific-css-hacks/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...