Как переопределить системное зумирование на сайте?

Question

[GreenMan1899]

Есть сайт с адаптивной версткой, с поделенными стилями на условно десктоп, планшет и мобилку.
Проблема состоит в том, что если на сайт заходит пользователь с выставленным на десктопе системным масштабом (window.devicePixelRatio) больше единицы, то у него отображаются стили для планшета.
Но мне нужно, чтобы пользователь с десктопа видел стили для десктопа.
Какие есть для этого решения?
Можно ли, например, как-то переопределить этот window.devicePixelRatio?

Answer 1

[Сергей delphinpro]

В CSS

@media (min-device-pixel-ratio: 1.5) {

}

В JS

if (window.devicePixelRatio > 1) {

}

Comments

[GreenMan1899]

т.е решение - это вручную прописывать стилями все возможные варианты с системным зумом?

[Сергей delphinpro]

GreenMan1899, решение – оставить личные предпочтения пользователя в покое.
второй вариант – переключать мобильную версию несколько позже. Условно не на 990, а на 600 пикселях.
ну и третий подсказал выше – заморочиться с кучей медиазапросов.