调整窗口（宽度）调整大小的所有网站内容

Question

我试图找出一种方法来根据浏览器窗口的宽度调整网页中的所有内容。这个想法是基于newhive网站，它以这种方式运作。这是一个例子：

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

单独使用css vw似乎无法实现这一点，所以我正在向javascript或jquery淘汰，但不知道从哪里开始。任何帮助将不胜感激。

Answer 1

如果我是你，我不会从该网站示例中引导任何人。从用户体系的角度以及性能的角度来看，他们在该页面上所做的一切都是可怕的。但是，如果你真的必须使用jQuery的resize函数（参见：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
    }
});