如何使用jquery在浏览器内容查看区域周围放置边框？

Question

可能的重复：
如何在没有滚动条的情况下获取浏览器窗口大小

如何使用 jquery 在浏览器内容查看区域周围放置边框？

这是我尝试过的..

 var $windowW = $(window).width();
 var $windowH = $(window).height();
 alert($windowW + "  " + $windowH); // THe results are width 1440 and 745 height
 $("body").css("width", $windowW);
 $("body").css("height", $windowH);
 $("body").css("border","1px solid green");

我的文档正文中没有任何元素，并且在 1440 的宽度和 745 的高度周围没有绿色边框。

如何使用 jquery 使用 $windowW 和 $windowH 的返回值在浏览器的可视区域周围放置边框？

Answer 1

您可以使用 CSS 和绝对定位更轻松地做到这一点：

body
{
    border: 2px solid green;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
}

看到这个小提琴。