Изменить размер всего содержимого веб-сайта по размеру окна (ширина)

Question

Я пытаюсь выяснить способ изменения размера всего содержимого веб-страницы в зависимости от ширины окна браузера. Идея основана на веб-сайте newhive, который работает таким образом. Вот пример:

https://newhive.com/peertospace/nargifsus?&no_paging

Использование CSS оч.сл. в одиночку, кажется, не способен достичь этого, поэтому я панорамирование в направлении Javascript или JQuery, но без идеи, с чего начать. Любая помощь будет оценена по достоинству.

Answer 1

Я бы не стал принимать участие в этом веб-сайте, если бы был вами. Все, что они делают на этой странице, ужасно с точки зрения UX, а также с точки зрения производительности. Однако, если вы действительно должны вы можете использовать функцию изменения размера JQuery (см: https://api.jquery.com/resize/)

пример ниже (получает текущую ширину и проверяет окна, если это больше, чем 992px

function windowWidth(){ 
    return document.documentElement.clientWidth || document.body.clientWidth || window.innerWidth; 
} 

$(window).resize(function() { 
    console.log("window resize running"); 

    if(windowWidth() > 992){ 
     // do stuff 
    }else{ 
     // do other stuff 
    } 
});