CSS hack para Chrome e Safari
Em alguns casos a maior parte do trabalho para um web designer ou programador é lidar com as inconsistências dos navegadores.
Às vezes não há nenhuma maneira razoável de conseguir um layout desejado em todos os principais browsers sem o uso de algumas regras excepcionais. Essas regras quando aplicadas ao CSS são conhecidas como CSS Hacks.
Uma opção para interpretar códigos CSS somente em navegadores que utilizam Webkit (Ex: Chrome e Safari).
/* Para todos os navegadores */
.classeExemplo { color: #FFF; }
/* Somente para Chrome e Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.classeExemplo { color: #000; }
}
Postado por tpastorello
Legal, eu estava procurando algo parecido essa semana.
[…] This post was mentioned on Twitter by Tiago Pastorello, Tiago Pastorello. Tiago Pastorello said: RT @vinteum Blackjack » CSS hack para Chrome e Safari https://retwt.me/1PAxa […]
O seu código salvou o meu dia. obrigado
Obrigado.
bom dia. dei uma olhada em seu post para arrumar o layout quando quebrar em chrome e safari.
A questão é justamente essa: meu site roda perfeitamente bem no firefox, estou desenvolvendo outro css para o IE e suas versões, mas no caso do chrome eu realmente não sei como continuar. Quebra linha nos textos, sai do alinhamento e etc. Neste caso, nao sei se o comando abaixo funcionaria.
“@media screen and (-webkit-min-device-pixel-ratio:0) {
.classeExemplo { color: #000; }
}”
O que eu gostaria de saber é: é possível eu chamar um outro css pelo html, especialmente para o chrome e safari, como fazemos para o IE?
Muito bom, me ajudou bastante! Obrigado!
Desculpe, nao entendo muito! Estou tendo este problema. No IE le normal…no chrome não…. o que eu tenho que fazer com este código ai?
Fiz questão de passar aqui e dizer que você salvou meu trampo!! Thanks so!
[…] Share this article: 0 likes Related […]