浏览器的高宽和屏幕高宽具体指的是哪个尺寸？-慕课网

首页课程实战体系课手记专栏慕课教程

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

来源：8-14 screen对象

lisa_sSmile

2014-11-26 14:48

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

写回答关注

3回答

Acelit: 2015-12-27 19:42:35

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为例）：

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

0 8

Alyssa_Lee

2014-12-10 15:52:58

浏览器的高宽就是你当前打开的浏览器的高宽
屏幕高宽就是你的显示器的分辨率大小

0 0
偌颜宁

2014-11-26 15:40:25

1. screen.height 返回屏幕分辨率的高
2. screen.width 返回屏幕分辨率的宽
这个在下一节中有讲过

0 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

469059 学习 · 22582 问题

查看课程

相似问题

浏览器宽高指的是什么

回答 3

回答 2

回答 2

回答 3

回答 3