Javascript Div的宽度根据屏幕宽度

时间:2013-12-03 21:56:44

标签: javascript html css

我在我的网站上使用Liquid Slider,我想根据访问者的屏幕宽度更改滑块的宽度。我使用宽度:650px,宽度为1366px,因此默认速率为~0.48

我有一个像这样的JS:

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

和html中的正文有:

onlad="loadwidth()"

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

1 个答案:

答案 0 :(得分:1)

将其更改为:

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

并改变:

onload="loadwidth()"