Как написать отдельную таблицу стилей для Mozilla Firefox

Question

Как написать отдельную таблицу стилей для Mozilla Firefox

Answer 1

Вы можете сделать это:

<style type="text/css">
@-moz-document url-prefix() {
    h1 { font-size:200px; /* Font size is huge in Firefox */ }
}
</style>

При этом не следует использовать CSS для браузера, кроме IE.

Answer 2

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

Единственное исключение из этого правила - если вынеобходимо поддерживать более старые версии IE, которые имеют несколько несовместимостей с другими браузерами, которые не могут быть легко решены другими способами.Но даже для IE случаи, когда вам нужно сделать это, немногочисленны.Для Firefox они практически равны нулю.

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

Одним очень хорошим решением для этого является использование Modernizr .Это библиотека Javascript, которая (помимо прочего) добавляет кучу классов к тегу body вашей HTML-страницы.Классы, которые он добавляет, будут отличаться в зависимости от функций, поддерживаемых вашим браузером.Это позволяет вам писать таблицы стилей и код JS, которые ссылаются на эти классы, так что вы можете вести себя по-разному в зависимости от функций вашего браузера.

Если вы все еще думаете, что обнаружение браузера - хорошая идея, вот некоторыеЧтение материалов для вас: http://css -tricks.com / browser-Detection-is-bad /

Надеюсь, что поможет.

Answer 3

Если вы используете HTML5 и модернизатор JS в своем документе.Вы можете написать отдельный класс специально для Firefox, просто добавив .gecko в качестве префикса с именем класса.

Например;

.className{
   padding:0px; margin:0px;
}

и для Firefox;

.gecko .className{
   padding:0px; margin:0px
}

Answer 4

Простой способ - разделить две разные таблицы стилей для разных браузеров. После этого поместите следующую кодировку в ваш файл.

<!--[if IE]>
    <link href="ie_style.css" rel="stylesheet" type="text/css" />
<![endif]-->
<![if !IE]>
    <link href="ff_style.css" rel="stylesheet" type="text/css" />
<![endif]>