Как получить одно и то же окно. INNERWIDTH независимо от уровня масштабирования, чтобы мой отзывчивый макет не изменился ⇐ CSS

[Anonymous]

Я создал свое приложение, используя React и стилевые компоненты . Это все на стороне клиента, отображаемой и маршрутизации.

Код: Выделить всё

const MyComponent_DIV = styled.div`
width: ${props => props.isMobile ? "200px" : "400px"};
`;

const [windowWidth,setWindowWidth] = useState(window.innerWidth);

... some code

return (


[code]function handleResize() {
console.log("FROM RESIZE: " + window.innerWidth);  // I CAN SEE THIS VALUE CHANGING WHEN ZOOMING IN AND OUT
setWindowWidth(window.innerWidth);
}
< /code>

Но странная вещь, по крайней мере, для меня, когда я обнаружил, что [b] изменение уровня масштабирования браузера (на рабочем столе и мобильных) влияет на окно. 

value. [/b], и оно также запускает событие resize .

Что я пытаюсь достичь:

Будьте отзывчивы к изменению размер событий, но не для «масштабирования событий» < /li>
Когда пользователь меняет уровень увеличения, я хочу Мой макет останется прежним и показывал полон прокрутки при увеличении. >
< /ul>

Extra: < /strong> < /p>

Это мой Meta ViewPort < /strong> Tag: < /p>

Код: Выделить всё

< /code>

 Вопрос < /strong> < /p>

имеет ли это смысл для события Zoom, чтобы изменить окно .InnerWidth 

свойство? Я имею в виду, разве это не полностью противоречит интуитивно понятно? /п>

Подробнее здесь: https://stackoverflow.com/questions/597 ... my-respons