Javascript Div的宽度根据屏幕宽度

Question

我正在使用 Liquid Slider对于我的网站，我想根据访问者的屏幕宽度更改 slider 的宽度。我使用 width: 650px 表示 1366px 宽度，所以默认速率是 ~0.48

我有一个这样的 JS:

function loadwidth() { document.getElementById('main-slider').style.width = "\'" + ((screen.width / 100) * 0.48) + "px\'";

html 中的 body 有:

onlad="loadwidth()"

但它不会改变我的 div 的宽度。 我该如何解决？

Answer 1

将其更改为:

function loadwidth() { 
    var w = (screen.width / 100) * 0.48;
    document.getElementById('main-slider').setAttribute("style","width:"+w+"px");
}

和改变:

onload="loadwidth()"