我们正在开发一个响应式网站，我们允许用户上传图片。
我们保留原始图像，然后生成缩略图图像，以便为较低分辨率的用户提供服务。
已经提出的问题是，当图像在逻辑中切换为较小的屏幕尺寸时，周围的元素会有可见的重新流动。
我不确定如何防止这种情况，因为图像的高度不一致，因此无法在包含元素上设置初始高度。
任何想法都会受到赞赏。
我看了看这个：
http://andmag.se/2012/10/responsive-images-how-to-prevent-reflow/
但它似乎只适用于我们知道比率的情况，即16：9,4：3等
答案 0 :(得分：1)
我认为你的缩略图有一个固定的最大尺寸。
您可以将图像放在设置了最大高度/宽度的框中，以使方向（横向，纵向，方形）无关紧要。这样可以为您提供图像周围固定的空白区域。
您还可以在缩略图中生成此空白，为您的所有图像提供固定的宽度/高度。