html5demos/120DPIDemo.html at master · timonwang/html5demos · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<html>
	<head>
	<SCRIPT LANGUAGE= "JavaScript">
		window.onload=function(){
var s = " ";
s += "\r\n网页可见区域宽： "+ document.body.clientWidth;
s += "\r\n网页可见区域高： "+ document.body.clientHeight;
s += "\r\n网页可见区域宽： "+ document.body.offsetWidth + " (包括边线和滚动条的宽) ";
s += "\r\n网页可见区域高： "+ document.body.offsetHeight + " (包括边线的宽) ";
s += "\r\n网页正文全文宽： "+ document.body.scrollWidth;
s += "\r\n网页正文全文高： "+ document.body.scrollHeight;
s += "\r\n网页被卷去的高： "+ document.body.scrollTop;
s += "\r\n网页被卷去的左： "+ document.body.scrollLeft;
s += "\r\n网页正文部分上： "+ window.screenTop;
s += "\r\n网页正文部分左： "+ window.screenLeft;
s += "\r\n屏幕分辨率的高： "+ window.screen.height;
s += "\r\n屏幕分辨率的宽： "+ window.screen.width;
s += "\r\n屏幕可用工作区高度： "+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度： "+ window.screen.availWidth;
s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth + " 位彩色 ";
s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI + " 像素/英寸 ";
alert(s);

if(window.screen.deviceXDPI) if(window.screen.deviceXDPI != 96) {
 var eles = document.getElementsByTagName("*");
 for(var i=0,len=eles.length;len>i;i++) {
 	var ele = eles[i];
 	ele.style.fontSize = (ele.style.fontSize.match(/px$/igm) == null)?ele.style.fontSize:(parseInt(ele.style.fontSize)*(96/window.screen.deviceXDPI*10/10) + "px");
 }
 }
}
</SCRIPT>
</head>
<body>
	<div style="font-size: 150%;">
		<div style="font-size: 18px;">asdfasdfasd</div>
	</div>
</body>
</html>