Jquery 在我的案例中，如何使元素适合屏幕

我有一个复杂的问题需要你们的帮助

我有一个非常大的图像，有几个图像地图链接

单击图像链接时，我希望显示一个新的div，其中包含图像和内容，并从一个非常小的元素转换为适合浏览器屏幕的元素（覆盖原始页面）。我已经创建了代码和文件，但不确定如何实现适合屏幕的功能。有人能帮我吗？非常感谢

---

请在我的JSFIDLE图像中单击“

越界加载”

”标志。然后，您将看到图像弹出并调整大小。我需要确保它调整到我的浏览器窗口的100%。谢谢

我冒昧地删除了一些代码并添加了其他代码， 要获得窗口大小，可以在

window

对象上使用jquery方法

width（）

，与

height（）相同

将其放在一起，需要将窗口大小设置为新的
div
：

$(contentDiv).width($(window).width());
$(contentDiv).height($(window).height());

现在您想将其覆盖在窗口上，您可以通过css技巧轻松实现它，方法是将其
位置设置为
固定的
，这样鼠标滚动就不会影响它：

$(contentDiv).css("position","fixed");
$(contentDiv).css({top:0, left:0});

看看这个

FYI在Firefox for medid中不起作用您是否尝试身高：100%和宽度：100%？或者这不是你想要的。在这种情况下，请描述你想要什么，因为我不太清楚。非常感谢！我希望看到从“超大负载”链接开始的调整大小效果，而不是从左上角开始。你能做些调整吗+1我不确定动画将如何工作，但看起来我们需要获得
滚动
偏移量，听起来像是一个挑战呵呵
$(contentDiv).css("position","fixed");
$(contentDiv).css({top:0, left:0});