Правила CSS для браузеров на основе webkit
У меня есть следующий код CSS:
#mgheader .letters {
display: inline-block;
margin-left: 55px;
margin-top: -45px;
position: absolute;
}
#mgheader .letters {
display: inline-block;
margin-left: 10px;
position: absolute;
}
Теперь хочувыполнить первый просто в Google Chrome и Safari, а второй в других браузерах.
Я пробовал это, но второй код, кажется, выполняется всегда:
@media screen and (-webkit-min-device-pixel-ratio:0) {
#mgheader .letters {
display: inline-block;
margin-left: 55px;
margin-top: -45px;
position: absolute;
}
}
#mgheader .letters {
display: inline-block;
margin-left: 10px;
position: absolute;
}
Как я могу это исправить?