我有一个流畅的布局,我有一个div,它始终与浏览器窗口的高度和宽度相匹配,即使在调整浏览器大小时也是如此。所以一个div是100%高度和100%宽度的浏览器窗口。
在这个div中,我的图像适合父母宽度和高度的100%。因此理论上这张图片将是全屏的。此时,当您使浏览器窗口变大时,图像大小超过其父级和右侧的图像大小。图像的底部被切断。
当浏览器窗口放大时,如何切断图像的所有边缘?所以我想我想将图像垂直居中于其父级。
所有图像/ div的宽度都是使用百分比计算的。
以下是我现有代码的链接:http://jsfiddle.net/PfzQ8/4/
编辑:那个jsfiddle不是问题代码,它只是我目前拥有的代码,并且想要扩展它。
答案 0 :(得分:0)
由于我的措辞比什么都重要,我认为已经投了票,但在重新发布另一个问题之后我找到了合适的答案,请看这里:Scaling an inline image from the absolute center of its parent?