javascript - 如何根据其嵌套框调整图像大小

Question

有一个网站叫做:SPAM 我正在尝试使用 js、jquery 和一些 css 制作与该网站相同的主页。

现在的问题是如何根据中心的框来固定图像大小。 我怎样才能像 SPAM 那样创造最佳的用户体验。

您可能会在不同的浏览网站时遇到 SPAM 资源管理器的分辨率或大小窗口大小。

我该怎么做？针对 SPAM 的最佳用户体验的答案和代码帮助或建议？

Answer 1

这是 flash...但是你可以用一些 jQuery 做同样的事情:

html:

<div id="container"></div>

CSS:

#container {
    min-width: 500px;
    width: 100%;
    height: 100%;
    position: relative
    background: url('path') 0 0 no-repeat;
}

jQuery:

$(window).bind("resize", function() {
    var $winwidth = $(window).width(); //specify some padding here
    $("#container").attr({
        width: $winwidth
    });
});