如何使背景圖像響應

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，並保持它的背景大小的屬性。