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

来源: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 规格的:

    http://img.mukewang.com/567fc47d0001ad8003460247.jpg

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

    http://img.mukewang.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://img.mukewang.com/567fce0b00010b3606310265.jpg

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


  • Alyssa_Lee
    2014-12-10 15:52:58

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

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


  • 偌颜宁
    2014-11-26 15:40:25

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

    这个在下一节中有讲过

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题