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

Question

[Виктор Виктор]

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

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

Кто-нибудь сталкивался с подобным?

Comments

[Krickt]

Зачем вообще ширину считать в таких единицах?
Em считает относительно пользовательских настроек. Ширина такой не является.

[Виктор Виктор]

я понял что em в медиа запросах используют для того чтоб запросы срабатывали не только при изменении ширины окна браузера но и при зумировании страницы
(Why you should use ems for media queries)

Answer 1

[Михей Егоров]

Дело в том, что в вебките боковой скроллбар входит в ширину окна браузера, раньше разница была в 17px.
stackoverflow.com/questions/8146874/issue-with-css...

Comments

[Виктор Виктор]

Странно, что когда указываешь брейкпоинт в пикселях, он срабатывает верно