网页跟随不同分辨率进行自动调整

js代码如下：

//获取html标签
var htmlObj = $("html");

//获取屏幕分辨率
var dpi  = window.screen.height;

//获取需要调整样式的div标签
var layoutBox = document.getElementById("layoutBox");

//判断分辨率
if(dpi < 1080) {
    //调整html标签样式
    htmlObj.css({"overflow-x": "hidden", "overflow-y": "hidden"});

    //调整div标签样式
    layoutBox.setAttribute("style", "transform :scale(0.88) translate(-70px, -40px);"); 
}