Форум Сайтостроение Веб-строительство

css, разделить стиль для Сафари и Хрома

D5
На сайте с 01.08.2007
Offline
24
dudim55
551

кто нибудь знает как разделить стили, такая конструкция работает в обоих, а нужно чтобы работало только в одном:

@media screen and (-webkit-min-device-pixel-ratio:0) {

body:first-of-type .top_menu {

font-size: 13px;

}

}

версии Safari 4, Chrome 3

Верстка макетов HTML+CSS (http://portfoliocoder.com/)
wdsg
На сайте с 09.02.2009
Offline
31
wdsg
#1

Сильно хочется рекомендовать JS-решение или хак для данной ситуации, однако, время полного доверия к ним в таких вопросах, ИМХО, ещё не пришло. По сему, решение с использованием mod_rewrite в рамках Apache:

Размещаем в докрут .htaccess содержащий следующий код:


RewriteCond %{HTTP_USER_AGENT} Chrome 
RewriteRule ^bstyle.css for_chrome.css [L]
RewriteCond %{HTTP_USER_AGENT} Safari
RewriteRule ^bstyle.css for_safari.css [L]

В результате, обращение к bstyle.css будет возвращать for_chrome.css, если в UA найдена подстрока "Chorme" и for_safari.css, если найдена подстрока "Safari".

Проектирование и разработка сложных IT-систем. Вожусь с проблемными задачами.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий