保持屏幕上图像和文本块之间的原始距离调整大小

Question

调整this browser window的大小时，文本和图像div彼此分开，但我希望它们在缩小浏览器时保持彼此之间（或接近它）的原始距离。我尝试了各种修复，但我无法解决问题。

感谢任何帮助。

Answer 1

需要修复的是这个CSS属性：

.slides img {
width :100%;
Height: auto; // problem is here
... 
}

您将值auto设置为高度，将100%设置为宽度。因此，当您调整浏览器大小时，图像的宽度会根据浏览器的宽度而变化。 要解决您的问题，您应该将100%设置为您的身高。 您将拥有以下代码：

 .slides img {
    width :100%;
    Height: 100%;
    ... 
    }

如果您将100%设置为图片的高度，则所有尺寸的高度均为670px，因为.slides的所有屏幕尺寸的高度均为670px，所以你将拥有各种尺寸的原始距离..