Как обрабатывать медиа запросы в Хроме?

Есть медиа запрос:

body {
    font: 400 16px/18px sans-serif;
}
@media (min-width: 20em) and (max-width: 48em) {
    ...
}


При сужении окна браузера медиа запрос срабатывает на ширене 816px вместо ожидаемых 768px (816 = 768 + 48).

Пробовал разные числа, результат всегда один: min-width: Xem срабатывает при X * 16 + X

Кто-нибудь сталкивался с подобным?
  • Вопрос задан
  • 3177 просмотров
Решения вопроса 1
Дело в том, что в вебките боковой скроллбар входит в ширину окна браузера, раньше разница была в 17px.
stackoverflow.com/questions/8146874/issue-with-css...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы