Масштаб браузера влияет на ширину

Question

У меня есть div с фиксированной шириной и специальное правило @media для ширины.

DIV

width: 350px;

@ media

@media only screen and (width: 350px)

Отлично работает со следующими масштабами браузера: 100%, 110%, 150%, 200% и т. Д.

Однако правило @media не работает (не работает) для этого браузерашкалы: 125%, 175% и т. д.

Вопросы:

1. Почему это происходит?
2. Как это исправить?

Я уже пробовал:

1. <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

2. width: 350px; max-width: 350px; min-width: 350px;

Answer 1

Выберите только max-width: 350px для своего @media.Ваша попытка 2. не имеет смысла, поскольку она будет срабатывать только на точках 350px, и я предполагаю, что вы хотите, чтобы это конкретное правило работало до 350px, и использовали другое правило от 351px и выше.

И да, запросы наПример кода, безусловно, действителен, пожалуйста, соблюдайте!