如何根据嵌套框塑造图像大小答案

【问题标题】：how can I shape the image size according to its nested box如何根据嵌套框塑造图像大小
【发布时间】：2011-05-08 01:33:48
【问题描述】：

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

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

您可以通过查看SPAM的网站以不同的方式体验资源管理器的分辨率或大小窗口大小。

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

【问题讨论】：

@hi ho1，你为什么认为这些链接是垃圾邮件？如果你删除它，我该如何描述我的问题？
@one 再想想我的问题，我想要标志、菜单和页脚，就在中心框的下方和上方。我该怎么做？
不，我倾向于同意 - 这个问题的重点似乎是 URL，而不是问题。任何阅读该问题的人都可以从我名字上方的 [edited] 链接中获得该问题/
（具体来说，由于用户的垃圾投票累积，该问题将被自动删除；被删除的问题更难回答......）

标签： javascript css user-interface layout

【解决方案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
    });
});

【讨论】：

【解决方案2】：

首先，让<did id='main'> 占据屏幕的宽度

#main { width:100% }

那么，里面的图片应该有类似的样式：

#main img { width:100% }

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

这应该有助于获得类似于上述网站的效果。

【讨论】：

【解决方案3】：

你可以使用

margin: 0 auto;

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

【讨论】：