<rmcreative>

RSS

Подключение стиля только для Safari 3

27 мая 2008

Иногда, когда макет уже свёрстан, приходится вносить коррективы для некоторых отдельных браузеров. В случае IE очень помогают условные комментарии. В случае Safari обычно используются хаки.

Но выход есть.

<head>
  <link type="text/css" media="screen and (-webkit-min-device-pixel-ratio:0)"
  href="/css/safari.css"/>
</head>

В итоге получаем чёткое побраузерное разделение кода и валидные HTML и CSS.

Опробовано на Windows-версии Safari 3.1. Если у кого есть под рукой мак — буду признателен за тестирование.

Комментарии RSS

  1. №280
    Dimox
    Dimox 27.05.2008, 14:02:16

    Спасибо! Заношу в закладки.

  2. №285
    Zigzag
    Zigzag 27.05.2008, 19:44:43

    Большое спасибо, давно искал такую возможность!

  3. №286
    MT
    MT 27.05.2008, 20:19:30

    «В итоге получаем чёткое побраузерное разделение кода и валидные HTML и CSS.»

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

  4. №287
    Sam
    Sam 27.05.2008, 20:22:34

    Почему отдельная? Ничто не мешает использовать данную возможность также, как и CC для IE, т.е. подключить после всех стилей и перекрыть тем самым нужные селекторы.

  5. №288
    MT
    MT 27.05.2008, 20:26:53

    Мне кажется, сравнивать по уровню поддержки стандартов IE и Safari не вполне корректно. В случае IE без индивидуальных правил не обойтись, в случае Safari — можно. И нужно. ;-)

  6. №296
    Random
    Random 28.05.2008, 13:57:21

    а как же прикажете оформление элементов форм в Safari2 и Safari3 разделять?

    кстати, Автору, приведенная разрулька в Safari2 не работает.

  7. №297
    Sam
    Sam 28.05.2008, 13:59:30

    Спасибо за замечание. Действительно для второго не подходит.

  8. №298
    tapazukk
    tapazukk 28.05.2008, 16:04:57

    Спасибо, лучше чем body:first-of-type

  1. Почта опубликована не будет.

  2. Можно использовать синтаксис Markdown или HTML.

  3. Введите ответ в поле. Щёлкните, чтобы получить другую задачу.