Safari, Chrome, Webkit CSS hack

Chrome_SafariExistuje niekoľko zaužívaných spôsobov ako pri písaní CSS donútiť napríklad Internet Explorer, aby použil inú definíciu, ako ostatné prehliadače. Konkrétne mám na mysli rôzne css hack, ako napríklad znak podčiarnika alebo otáznika pred danou deklaráciou.

No ako oklamať prehliadače s jadrom webkit v prípade výnimočnej núdze? V Safari a Chrome pekne funguje nasledujúca vec:
body { background-color: red; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
body { background-color: blue; }
}

O tom, že to spraví z css nevalidný dokument sa baviť nebudeme. To je jedno. Keď treba, tak ten css hack použijem, a ten jeden dva riadky parser prehryzne.

3 myšlienky na “Safari, Chrome, Webkit CSS hack”

Komentáre sú zakázané.