Как медиа-запрос CSS максимальной ширины может приспособить масштабирование?

Question

Я использую CSS Media Query для настройки внешнего вида моей страницы, если она очень узкая.В моем упрощенном примере, если ширина страницы меньше 300 пикселей, я сделаю фон синим.

@media all and (max-width: 300px) {
    body{ background-color:blue;}
}

Я недавно обнаружил, что если пользователь увеличивает масштаб (Ctrl + Scrollwheel или Chrome Wrench> Zoom)что максимальная ширина все равно будет равна 300 фактическим пикселям, а не 300 увеличенным пикселям.Это может сломать сайты с более сложными макетами.Есть ли способ для медиа-запроса максимальной ширины обрабатывать пользователей с увеличенными браузерами?

Answer 1

Я экспериментировал, и кажется, что вы можете использовать медиа-запросы для увеличения, однако в браузере Webkit вы должны определить область просмотра.