我有一个加载了 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;
}
最佳答案
您可以通过以下方式获取用户屏幕的大小:
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>
关于javascript - 有没有办法使用 javascript 或 Jquery 找出某人计算机上屏幕的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20872237/