浏览器的高宽和屏幕高宽具体指的是哪个尺寸?
为什么我的浏览器宽和屏幕宽相等,他们的高确不相等
为什么我的浏览器宽和屏幕宽相等,他们的高确不相等
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为例):
如果还有疑问请与我交流,希望题主采纳!
举报