我的代码需要帮助
这是我的例子 - http://jsfiddle.net/urK7t/
和全尺寸页面 - http://dev.fama.net.pl/tides/
概念:
我想要 100% 的宽度和 100% 的高度,溢出:隐藏的 DIV 里面有宽的图像,我可以左右移动,这个图像应该在窗口调整大小时调整大小,现在你在我的例子中看到只是拉伸图像高度我想调整整个图像的大小,但我不想显示整个图像,它需要左右移动
我的代码需要帮助
这是我的例子 - http://jsfiddle.net/urK7t/
和全尺寸页面 - http://dev.fama.net.pl/tides/
概念:
我想要 100% 的宽度和 100% 的高度,溢出:隐藏的 DIV 里面有宽的图像,我可以左右移动,这个图像应该在窗口调整大小时调整大小,现在你在我的例子中看到只是拉伸图像高度我想调整整个图像的大小,但我不想显示整个图像,它需要左右移动
你可以说如果你有这个图像作为背景被包含或覆盖,甚至是 100% 100% 等等,取决于你是想要它缩放还是全屏等等。
您想要的图像样式如下:
#bg-image {
width: 100%;
height: auto;
}
将来,您真正想要的 CSS 属性是:http object-fit
: //www.netmagazine.com/tutorials/control-image-aspect-ratios-css3