Как пытаюсь делать сейчас:
при помощи
var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
document.write(w + "x" + h);
узнаю размер экрана, в Chrome DevTools создаю устройство с этим размером.
И вроде бы все должно быть хорошо, но по факту, например, на декстопе фон фиксированный, а на реальном девайсе (или при подключении отладки через ADB к нему же) - нет. То есть какие-то правила НЕ срабатывают, хотя вроде бы выглядит всё одинаково.
В итоге не получается сделать нормально даже под свой телефон, Не говоря уже о куче других viewport'ов.
В чём проблема и что делаю не так?
