如何使背景图像响应

Question

我承认在开始时我是UI开发新手，最近才开始学习。我正在开发一个类似InuitLabs.com的网站。当我使用视图源查看源代码时，我完全迷失了方向。特别是我有兴趣了解

1. 主页上的滑块图像如何响应？是通过JavaScript还是使用纯CSS？
2. 另外我想知道文本向上滚动，留下背景图像保持完好？如何达到同样的效果。

我知道这可能是基本的问题，但我发现很难通过源代码知道有很多的JavaScript和CSS文件。

问候， 普拉迪普

Answer 1

看看背景大小的属性。 你可以设置背景大小的任何像素或百分比值或使用常量： 盖将调整图像大小以充满整个容器，而包含尝试以适应容器内的图像不裁剪它，最有可能离开容器的一些部分没有任何背景。

你可能想要的是设置你的背景大小属性来覆盖。

Answer 2

你只图像设置的百分比要在％通过CSS例如：

.slider img { 
    width:100%; 
} 

编辑：还需要指定的高度设置为auto，如果你不想失去图像比例。如果将宽度和高度设置为100％，则图像比率将会混乱。

Answer 3

如果你想设置响应高度也适用于更长的设备，那么使用宽度：100％;和高度：100％;其他明智的，你可以使用高度：汽车;使div，并保持它的背景大小的属性。