为了账号安全,请及时绑定邮箱和手机立即绑定

浏览器的高宽和屏幕高宽具体指的是哪个尺寸?

为什么我的浏览器宽和屏幕宽相等,他们的高确不相等

正在回答

3 回答

screen.width/screen.height表示电脑屏幕的宽度和高度(包括任务栏),答主的电脑是1366 x 768 规格的:

http://img1.sycdn.imooc.com//567fc47d0001ad8003460247.jpg

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

http://img1.sycdn.imooc.com//567fcd19000136e113660768.jpg

---------------------------------------------------------------------------------------------------------------------

以下是验证代码:

<!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为例):

http://img1.sycdn.imooc.com//567fce0b00010b3606310265.jpg

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


8 回复 有任何疑惑可以回复我~

浏览器的高宽就是你当前打开的浏览器的高宽

屏幕高宽就是你的显示器的分辨率大小


0 回复 有任何疑惑可以回复我~

1. screen.height 返回屏幕分辨率的高
2. screen.width 返回屏幕分辨率的宽

这个在下一节中有讲过

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

浏览器的高宽和屏幕高宽具体指的是哪个尺寸?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信