浏览器的高宽和屏幕高宽具体指的是哪个尺寸?
为什么我的浏览器宽和屏幕宽相等,他们的高确不相等
为什么我的浏览器宽和屏幕宽相等,他们的高确不相等
2014-11-26
screen.width/screen.height表示电脑屏幕的宽度和高度(包括任务栏),答主的电脑是1366 x 768 规格的:

screen.availWidth/screen.availHeight表示浏览器可用的屏幕宽度和高度(不包括任务栏高度,win10任务栏默认高度40px):

---------------------------------------------------------------------------------------------------------------------
以下是验证代码:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>screen信息</title>
<script>
document.write("屏幕宽度:"+window.screen.width+"<br />");
document.write("屏幕高度:"+window.screen.height+"<br />");
document.write("浏览器窗口宽度:"+window.screen.availWidth+"<br />");
document.write("浏览器窗口高度:"+window.screen.availHeight);
</script>
</head>
<body>
</body>
</html>验证结果(以Chrome为例):

如果还有疑问请与我交流,希望题主采纳!
举报