Recentemente, tive um problema com o IE estar alguns pixels fora do Chrome e outros navegadores webkit. Queria apenas observar as correções.
Claro, devo começar dizendo que a segmentação específica do navegador deve ser evitada em vez de identificar e corrigir os problemas subjacentes,
No entanto, no exemplo, descobri que o IE11 teve um problema em renderizar a altura e a largura de um elemento ao aplicar o raio da borda, então tive que usar uma solução alternativa.
IE10 + hack
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10+ specific styles go here */
}
hackear apenas navegador webkit
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* webkit specific styles go here */
}
Para o IE9 apenas hacks … boa sorte 🙂 Não tive sorte com isso.