Григорий

Писал класс для определения размеров окна

class Sizer {
    constructor(){
        document.addEventListener('DOMContentLoaded', ()=>{

            // windowHeght/Width - размер с учётом ширины скролл полосы
            // documentHeght/Width - размер с учётом ширины скролл полосы
            this.windowWidth = window.innerWidth;
            this.windowHeight = window.innerHeight;
            this.documentWidth = document.body.clientWidth;
            this.documentHeight = document.body.clientHeight;
        })

        window.addEventListener('resize', ()=>{
            this.windowWidth = window.innerWidth;
            this.windowHeight = window.innerHeight;
            this.documentWidth = document.body.clientWidth;
            this.documentHeight = document.body.clientHeight;
        })

    }

}

let sizer = new Sizer;


window.addEventListener('resize', ()=>{
    if(sizer.windowWidth < 1199){
        console.log('размер окна меньше 1199px');
        // тут можно писать что будет происходить с сайтом/разметкой/класса CSS если ширина окна меньше 1199px
    }
})

И решение самое простое

window.addEventListener('resize', ()=>{
    if(document.body.clientWidth < 1199){
        console.log('размер окна без учёта прокрутки меньше 1199px');
        // тут можно писать что будет происходить с сайтом/разметкой/класса CSS если ширина окна меньше 1199px
    }
})

Конструктор никогда не убьет вёрстку, ввиду своей ограниченности, чистый код всегда актуален. В макеты всегда нужно вносить правки, а без знания верстки тут не обойтись.

Это связано с размером монитора.
Если размеры задавались в соответствии с макетом, то без mediaqueries на разных мониторах будет выглядеть по-разному.
Лечится адаптацией под разные размеры мониторов.
Но для этого нужны разные макеты под разные разрешения мониторов.

В ВК в мобильной версии на телефоне нет возможности свайпом увеличить масштаб.
Значит какой-то способ есть