Javascript 如何根据图像的嵌套框塑造图像大小

有一个网站叫做：

SPAM

我正在尝试使用js、jquery和一些css创建这个网站的相同主页

现在，问题是如何根据中间的框来确定图像大小。 如何才能像垃圾邮件一样创建最佳用户体验

您可以在不同的位置查看

垃圾邮件网站

分辨率或浏览器的大小窗口

我怎么做？关于

垃圾邮件的最佳用户体验的答案和代码帮助或建议

？

要开始，请使

占据屏幕宽度

#main { width:100% }

然后，内部图像应具有类似的样式：

#main img { width:100% }

请注意，未设置图像高度，以使其自动按正确比例缩放

这将有助于获得与上述站点类似的效果。

您可以使用

margin: 0 auto;

---

在内部元件上，使其水平对齐。

这是flash。。。但是您可以对一些jQuery执行相同的操作：

html:

jQuery：

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

---

嗨HO1，为什么你认为链接是垃圾邮件？如果你删除了它，我该如何描述我的问题？@再想想我的问题，我想把标志、菜单和页脚放在中间框的正下方和正上方。我该怎么做？不，我倾向于同意-这个问题的重点似乎是URL，而不是问题。任何阅读该问题的人都可以从我名字上方的[已编辑]链接中获得答案/（在上下文中，由于用户的垃圾邮件投票不断增加，该问题将被自动删除；被删除的问题更难回答……）

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

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