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

  • 相关阅读:
    javascript中的预编译问题
    五环
    两列布局
    定位以及z-index
    [vijos1234]口袋的天空<最小生成树>
    [讲解]prim算法<最小生成树>
    [noip模拟]B<构造>
    [JZOJ5343]健美猫<模拟>
    [noip模拟]心<并查集>
    [noip模拟]种花<快速幂+结论>
  • 原文地址:https://www.cnblogs.com/weihongji/p/3493092.html
Copyright © 2011-2022 走看看