javascript - 将图像调整到其父级的高度并在窗口调整大小时调整其大小

Question

我的代码需要帮助

这是我的例子 - http://jsfiddle.net/urK7t/

和全尺寸页面 - http://dev.fama.net.pl/tides/

理念:

我想要 100% 的宽度和 100% 的高度，溢出:隐藏的 DIV 中有宽图像我可以左右移动，这个图像应该在窗口调整大小时调整大小，现在你在我的例子中看到的只是拉伸(stretch)图像高度，我想调整整个图像的大小，但我不想显示整个图像，它需要左右移动

Answer 1

你想要的图像样式是这些:

#bg-image {
    width: 100%;
    height: auto;
}

将来，您真正需要的 CSS 属性是 object-fit:http://www.netmagazine.com/tutorials/control-image-aspect-ratios-css3