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

Question

调整此浏览器窗口的大小时，文本和图像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的，因此您将在所有尺寸中拥有原始距离。