如何在流体DIV中缩放和居中对齐内嵌图像?

时间:2012-02-28 14:58:14

标签: jquery css image-resizing fluid-layout fluid

我有一个流畅的布局,我有一个div,它始终与浏览器窗口的高度和宽度相匹配,即使在调整浏览器大小时也是如此。所以一个div是100%高度和100%宽度的浏览器窗口。

在这个div中,我的图像适合父母宽度和高度的100%。因此理论上这张图片将是全屏的。此时,当您使浏览器窗口变大时,图像大小超过其父级和右侧的图像大小。图像的底部被切断。

当浏览器窗口放大时,如何切断图像的所有边缘?所以我想我想将图像垂直居中于其父级。

所有图像/ div的宽度都是使用百分比计算的。

以下是我现有代码的链接:http://jsfiddle.net/PfzQ8/4/

编辑:那个jsfiddle不是问题代码,它只是我目前拥有的代码,并且想要扩展它。

1 个答案:

答案 0 :(得分:0)

由于我的措辞比什么都重要,我认为已经投了票,但在重新发布另一个问题之后我找到了合适的答案,请看这里:Scaling an inline image from the absolute center of its parent?