javascript - 有没有办法使用 javascript 或 Jquery 找出某人计算机上屏幕的宽度？

Question

我有一个加载了 4 个不同页面的网站，其中 3 个是隐藏的，并且在任何给定时间只显示 1 个。点击导航时，页面滚动切换。

我想将导航栏水平固定在屏幕中央。

看大意here

---

所以我需要一种方法来找到窗口的宽度(尽管我不希望它在用户更改窗口宽度时改变。所以我想我的意思可能是屏幕？ ) 所以让我们说 var width = 我正在寻找的窗口宽度或屏幕宽度

然后我想要 css:

#myDiv1 {
position:absolute;
left:0px;
top:0px;
color:#fff;
}

#myDiv2 {
position:absolute;
left: !!-- width --!! px;
top:0px;
color:#fff;
}

#myDiv3 {
position:absolute;
left: 2 * !!-- width --!! px;
top:0px;
color:#fff;
}

然后对位于屏幕中间的每个链接进行超链接

#navigation{
position: fixed;
left: 0.5 * !!-- width --!! px;
}

Answer 1

您可以通过以下方式获取用户屏幕的大小:

screen.width
screen.height

您可以找到可用的大小(即不包括任务栏)

screen.availWidth
screen.availHeight

还有许多其他有用的属性，具体取决于您的需要。

如果它是您想要的窗口大小，请尝试:

window.innerWidth
window.innerHeight

请务必考虑这是否是您想要的。

<div style="width:500px;margin:0 auto;border:1px solid black">I'm in the middle!</div>