zoukankan      html  css  js  c++  java
  • html页面的三个width: document, window, screen

    Keywords:

    document.body.offsetWidth, document.body.offsetHeight,

    window.innerWidth, window.innerHeight,

    document.documentElement.offsetWidth, document.documentElement.offsetHeight,

    screen.width, screen.height

    document.body.offsetWidth = 页面内容宽度
    window.innerWidth = 浏览器窗口宽度
    screen.width = 显示器分辨率宽度
    单位均为:px

    如果窗口宽度window.innerWidth=800,而内容宽度document.width=960,则页面可能会出现水平滚动条。
    分辨率为1280×800的笔记本的screen.width = 1280

    var height = 768;
    if (window.innerHeight) { //Standard
        height = window.innerHeight;
    }
    else if (document.documentElement.offsetHeight && document.documentElement.offsetHeight > 50) { //IE8 and lower
        height = document.documentElement.offsetHeight;
    }
    else if (document.body && document.body.offsetHeight && document.body.offsetHeight > 50) {
        height = document.body.offsetHeight;
    }

    关于不同浏览器下的窗口宽度,参考:
    http://www.javascripter.net/faq/browserw.htm

  • 相关阅读:
    docker 学习
    grpc 学习
    ubuntu 完全干净的卸载docker
    numpy学习
    2020年假期sql excel文件 获取
    (a2b_hex)binascii.Error: Non-hexadecimal digit found
    数据库索引学习
    网络基础之网络协议
    Day11 进程相关
    基于socket套接字的网络通讯
  • 原文地址:https://www.cnblogs.com/weihongji/p/3493092.html
Copyright © 2011-2022 走看看