Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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.
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);
}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;
}
}
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 {
O "* html" afeta apenas o IE, sendo ignorado pelos demais navegadores...
Abraços!