因此，我正在做我的第一个响应式设计，这是一个控制狂，这让我非常恼火，但是要点。
我已经做了一个典型的布局，顶部有一个旋转木马。整个页面的大小都可以调整，这不是问题。
我的问题是，由于滑块包含很大的图像，因此首先加载下面的内容，然后在滑块加载时将内容向下移动。这是预料之中的，通常我会为滑块容器设置一个固定的高度，以防止这种移动。
现在出现了问题-我无法将固定高度设置为响应容器，而且我不知道如何防止内容转移。
编辑
我创建了一个jsFiddle来解释问题，但是由于它缓存了图像，因此您将不得不在本地运行输出html才能看到内容的变化。
http://jsfiddle.net/4mZyF/7/
你们通常做什么？有任何想法吗？
最佳答案
已经好几年了，但是最近我不得不处理它。测量您的初始图片的尺寸以获得比例：我的是1920X480px图像，因此比例为25％。分配给容器的CSS，高度：0;底部填充：25％；并将工作（希望）:)