jquery调整窗口大小以适应内容

时间:2011-08-08 10:25:16

标签: javascript jquery

我有一个显示300x300px图片的简单弹出窗口,我将窗口大小设置为350x350px,但是根据浏览器我得到滚动条或额外的空格。是否有一些jQuery函数可以调整浏览器窗口大小以适应内容而不需要任何滚动条或空格,无论使用什么浏览器?

帮助我!!

3 个答案:

答案 0 :(得分:6)

你可以这样做..

function windowResize() {
   var contentWidth = document.getElementById("YourImageOrContent").offsetWidth;
   var contentHeight = document.getElementById("YourImageOrContent").offsetHeight;
   window.resizeTo(contentWidth,contentHeight);
}

您可能需要在值中添加20个像素左右......但我仍然保留原来的答案:-D

答案 1 :(得分:0)

可能是影响文档的CSS边距/填充。

做的:

* {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
}

这是一个非常脏的CSS重置,如果你想要一个更优雅的解决方案,网上有很多关于CSS重置的内容: - )

但这有望让你深入了解这个问题。

答案 2 :(得分:0)

如果您正在弹出一个浏览器窗口(这是我所理解的),那么在您的打开功能上,您应该这样做:

<SCRIPT LANGUAGE="javascript">
<!--
window.open ('image.jpg', 'newwindow', 'height=350,width=350, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, directories=no, status=no');
-->
</SCRIPT>

注意scrollbars=no