Sobre cross browsing

[Dexis 0]

Boa noite,

 

Eu queria saber se existe algum jeito de por exemplo, eu ter um tamanho de fonte e em negrito em alguns browser e outros nao.

 

E que nos outros browser tirando o safari, o tamanho da fonte que coloquei nos textos e em negrito, ficaram otimos, mas no safari ficou uma porcaria.

 

O que eu poderia fazer neste caso?

 

muito obrigado.

[André Buzzo 0]

Fala Compadre!

 

Eu não mexi nisso...portanto, não sei se funfa....

 

/* Google Chrome hack */ body:nth-of-type(1) .elementOrClassName { /* Propiedades para o navegador Google Chrome */ } 

/* Safari hack */ body:first-of-type .elementOrClassName{ /* Propiedades para o navegador Safari */ }

Mas, aí tá dizendo como diferenciar estilos para o Chrome e para o Safari... para criar algo que afete somente o IE por exemplo, você utiliza o seguinte:

 

* html #nome-da-div {
 propriedades;
}

O "* html" afeta apenas o IE, sendo ignorado pelos demais navegadores...

 

Abraços!

[Evandro Oliveira 331]

O modo mais correto é fazer a seleção com Javascript:

 

if(new RegExp('Webkit').test(navigator.userAgent)) {
    css = document.createElement('link');
    css.rel = 'stylesheet';
    css.type = 'text/css';
    css.media = 'all';
    css.href = 'estilosparasafari.css';
    document.getElementsByTagName('head').item(0).appendChild(css);
}

[André do Vale 76]

Caso queira insistir em um hack na própria folha de estilo, o hack correto é (Webkit, pega tanto Chrome quanto o Safari):

 

@media screen and (-webkit-min-device-pixel-ratio:0) {
.classe {
	propriedade: valorPropriedade;
}
}