使用JavaScript更改页面宽度

Question

我刚刚了解到我们可以使用screen.width和screen.height等方法来查找用户的屏幕分辨率。但是是否有一种方法可以设置可变的body宽度？我的意思是，我能否使用jQuery或JavaScript设置body宽度属性？这将根据每个用户的分辨率而改变，以便我的网站在所有分辨率下看起来都很完美...

有人能帮我编写代码，根据上面JScript获取的值来设置页面的宽度（CSS）吗？

谢谢

- Prashant Singh

---

如果您需要更多信息，请告诉我们。 - kobe

你应该考虑使用 screen.availWidth，因为像 Windows 任务栏这样的东西会占用 screen.width 报告的一些空间。此外，请确保您将其与连接到多个监视器的 PC 进行测试。上次我使用 screen.width 时，当连接了多个屏幕时它有点混乱。（从记忆中我认为 screen.width 给出了第一个显示器的宽度，而 screen.availWidth 给出了两者的组合宽度。或者是反过来？如果监视器设置为不同的分辨率，它会变得非常混乱。这可能因不同的浏览器而异。） - nnnnnn

Answer 1

你可以使用JavaScript设置body...

document.body.style.width = '700px';

...或者如果你正在使用jQuery...

$('body').css('width', '700px');

- alex

Answer 2

您可以使用jQuery，并通过.css进行操作。

$('body').css('width', '1000px');

css() documentation.

- kobe