Question

我在尝试调整HTML正文和页脚时遇到问题，其宽度与用户的屏幕一样宽。在许多网站上，他们说document.body.clientWidth是用户屏幕宽度减去工具栏等等。但是这是错误的，因为我的屏幕宽度为1024，正如您在下面看到的那样我做了一个测试环境，表明可用的屏幕宽度是1366所以我的网站很广..

非常感谢

HTML：

<body id="body" onload="init();">
    <p id="screenwidth">0</p>
    <div id="footer">
        <div class="ruimte"></div>
    </div>
</body>

functies.js：

function init(){  
    document.body.style.width = document.body.clientWidth + "px";
    document.getElementById("footer").style.width = document.body.clientWidth + "px";
    document.getElementById("screenwidth").innerHTML = document.body.clientWidth;  
}

Answer 1

你能告诉我为什么你需要js来设置身体/页脚的宽度吗？它们的宽度应该已经是窗口之一。

Answer 2

我刚刚使用了您的确切代码，document.body.clientWidth在我的网络中工作得很好（在一堆不同的浏览器中给出了正确的宽度1024）。

Answer 3

您可以使用此代码获取页面的内部宽度

var width = window.innerWidth;

这也会减去滚动条。

可调整的页面宽度问题，JavaScript

3 个答案: