所以，我正在做我的第一个响应式设计，作为一个控制狂，这让我非常恼火，但重点是。
我制作了一个典型的布局，顶部有一个轮播。整个页面的大小调整得很好，这不是问题。
我的问题是，由于 slider 包含相当大的图像，因此下面的内容首先加载，然后当 slider 加载时，它会将内容向下移动。这是可以预料的，通常我会为 slider 容器设置一个固定的高度，以防止这种移动。
现在存在问题 - 我无法为响应式容器设置固定高度，并且我不知道如何防止内容移动。
编辑
我创建了一个 jsFiddle 来解释这个问题，但由于它缓存了图像，因此您必须在本地运行输出 html 才能看到内容的变化。
你们平时都做什么？有什么想法吗？
最佳答案
已经过去很多年了，但最近我不得不处理这个问题；测量您的首字母图片尺寸以获得比例:我的是 1920X480px 图像，因此比例为 25%。赋值给容器的css，height: 0;底部填充:25%；并且会起作用(希望):)
关于jquery - 将初始高度设置为响应式容器 HTML/CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12503217/