CSS для Safari 4.0, но НЕ Google Chrome

Question

У меня проблема с CSS. Стиль, который он правильно применяет во всех браузерах (IE6 / 7/8, Firefox 3+, Opera 9.5+, Google Chrome 3/4), но в Safari 4.0 это не так. Если я использую:

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #blaat { margin: 1px 0px; }
}

Я могу сделать работу в Safari, но потом она ломается в Chrome. Кто-нибудь знает о каком-либо специфическом взломе Safari 4.0 для CSS?

Answer 1

Попробуйте поэкспериментировать с line-height. Значение по умолчанию для высоты строки зависит от браузера, поэтому вы можете получить различную высоту ограничивающего прямоугольника в разных окнах, если явно не задаете высоту строки. Например, установка line-height: 1.2em (или 1.1em или 1.5em или что-то еще) должна привести к той же высоте ограничительной рамки.