aplicando regras CSS específicas ao Chrome exclusivamente

para atender ao mecanismo de renderização exclusivo do Google Chrome, é frequentemente necessário aplicar regras CSS exclusivamente para isso. Um exemplo é ajustar a posição de um elemento div. &&&]

para Chrome, Safari, Edge e Firefox:

@tela de mídia e (-webkit-min-device-pixel-ratio: 0) { div { topo: 10px; } }

• para o Chrome 29 (suporta valores fracionários dpi)

@media screen and (-webkit-min-device-pixel-ratio:0) {
  div {
    top: 10px;
  }
}

• Javascript Solution:
Como uma alternativa ao CSS, você pode usar o JavaScript para detectar o navegador Chrome e modificar o estilo da div, de acordo:

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
  div {
    top: 0px;
  }
}