使用 jQuery，我怎样才能让图像全屏打开到浏览器的高度和宽度？答案

【问题标题】：Using jQuery, how can I get an image to open full screen to the browser's height and width?使用 jQuery，我怎样才能让图像全屏打开到浏览器的高度和宽度？
【发布时间】：2010-02-01 04:07:03
【问题描述】：

我想创建一个接受图像 url 的 jQuery 函数，并在执行时全屏显示与当前页面的高度和宽度匹配的图像。

谢谢。

【问题讨论】：

标签： javascript jquery-ui jquery css

【解决方案1】：

.css({height:'100%',width:'100%', 位置：'固定'，上：0，左：0}）；

你也可以使用动画。

.animate({height:'100%',width:'100%', position:'absolute', top:0, left:0});

查看here 以供参考。

【讨论】：

IE6 不支持fixed 定位。不过，absolute 可能就足够了。
嗨 mendy，我是 JQuery 新手，我也需要实现相同的功能...您能提供使用动画的语法吗？？
嗨——当我这样做时，我仍然看到图像下方页面的滚动条。如何删除它们，然后在图像恢复时重新应用它们？谢谢。
你可以在body标签中使用Overflow:'hidden'。
谢谢！有什么方法可以让高度/宽度保持成比例？现在它正在拉伸图像。

【解决方案2】：

仅供参考：如果您的网页在 iframe 下运行，则您必须设置 mozallowfullscreen 和 webkitallowfullscreen强>。这些属性允许内容以全屏方式打开。

<iframe src="testA.html" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

【讨论】：