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

可能重复：
how to get the browser window size without the scroll bars 如何使用jquery在浏览器内容查看区域周围添加边框？

如何把周围的浏览器内容的边界观看使用使用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

一个绿色边框

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

来源

2011-11-22 Yetimwork Beyene

也许有第二条宽度线的拼写错误需要一个高度？ –

谢谢你，改变第二个宽度到高度。 –

一个小问题，边框宽度向右滚动。如何在没有向右滚动的情况下获得精确的窗口宽度？ –

正如瓦拉马斯提到的，你的主要原因似乎是两次设置宽度时的错误。

但是，你也可以简化代码有些使用.css()功能的新“地图”的形式：

$("body").css({ 
    width: $(window).width() - 2, // subtract twice the thickness 
    height: $(window).height() - 2, // of the border from each dimension 
    border: '1px solid green' 
});

编辑：看样子你需要减去边界的双宽度你计划从宽度和高度添加以避免显示任何滚动条。我不是百分之百地确定这是为什么，或者如何避开它，但是这与边界增加身体宽度的事实有关，所以你需要弥补这一点。上面的代码已经改变，以说明我的意思。

来源

2011-11-22 00:33:03 GregL

可以使用CSS和绝对定位更容易做到这一点：

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

看到这个fiddle。

来源

2011-11-22 04:40:37

这个设置四边的绝对位置的东西非常有用。好的解决方案 –

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

回答

相关问题