总体目标是让照片调整大小以适应屏幕的一部分，从设计师处工作（无代码）。
我将图像设置为容器的背景。应该工作，除非我没有在容器中添加组件，容器仍然是0大小，所以pic没有显示。
如何将pic添加到容器的背景并设置容器的大小？
答案 0 :(得分：2)
背景图片是样式元素，并未定义为内容。因此，它对容器的优选尺寸没有影响，容器保持为0，因此容器没有尺寸。
您可以将容器放在边框布局的中心。边框布局的中心约束是一种特殊情况（除非使用绝对中心），其中组件被赋予可用空间，而不管其首选大小。
(function($) {
var element = $('.left-zone'),
originalY = element.offset().top;
var topMargin = 50;
element.css('position', 'relative');
$(window).on('scroll', function(event) {
var scrollTop = $(window).scrollTop();
element.stop(false, false).animate({
top: scrollTop < originalY
? 0
: scrollTop - originalY + topMargin
});
});
})(jQuery);
应该让图像适合它占用的空间，这是它的默认行为。使用布局管理器确保其大小正确。