] Применение конкретных правил CSS к Chrome исключительно

для обслуживания уникального двигателя рендеринга Google Chrome, часто необходимо применять правила CSS исключительно к этому. Одним из примеров является корректировка позиции элемента DIV.

CSS Solution:

использование префиксов поставщика, вы можете нацелиться на хромированные стили следующим образом:

• для Chrome, Safari, Edge, и Firefox:

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

• для Chrome 29 (поддерживает дробные значения DPI)

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

]
• для Chrome 22-28:

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .selector {
    -chrome-only(top: 0px);
  }
}

javascript solution:

в качестве альтернативы CSS, вы можете использовать JavaScript для обнаружения браузера Chrome и соответственно изменять стиль DIV:

if (navigator.appVersion.indexOf("Chrome/") != -1) {
  // Modify the div's top position here
}