如何在javascript和/或php中获取访问者的屏幕分辨率？

Question

我想知道访问我的页面的访问者的屏幕分辨率,所以我可以正确地制作jquery厚箱封面大约75%的屏幕.

我非常感谢您提出解决问题的方法或帮助我解决问题!

Answer 1

在JavaScript中它是:

screen.width
screen.height

但PHP无法访问客户端.因此,您需要将JavaScript收集的值传递给PHP脚本.

此外,并非每个用户的窗户都处于全屏模式.所以你应该更好地使用可用的窗口宽度/高度.

Answer 2

如果您使用的是jQuery,则可以使用跨浏览器解决方案来获取浏览器窗口大小:

var browserWidth = $(window).width();
var browserHeight = $(window).height();

Answer 3

是什么让你认为人们总是将浏览器窗口最大化到与屏幕相同的大小？我没有,我不是唯一一个.

你想要的是覆盖他们75%的窗口.这可以使用CSS完成; 如果有问题的元素是body元素的子元素,那么

#box {
    position: absolute;
    top: 12.5%;
    left: 12.5%;
    width: 75%;
    height: 75%;
}

可能会这样做(我没有测试过它).

编辑:我现在测试它,添加

html, body {
    width: 100%;
    height: 100%;
}

并且它按预期工作,至少在Firefox 3.5中:-)