如何使背景圖像適應屏幕尺寸？

-1

如何調整/調整我的頁面的背景圖像以適應屏幕大小，並且將這段代碼放入html或css文件中？編輯：找到解決方案添加到您：如何使背景圖像適應屏幕尺寸？

style="background-size:100% 100%"

到你有你的圖像來源你的身體標記。

來源

2017-10-12 Myko

預計您至少會嘗試爲自己編寫代碼。堆棧溢出不是代碼寫入服務。我建議你做一些[**額外的研究**]（http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users），無論是通過谷歌或通過搜索，嘗試和。如果您仍然遇到麻煩，請返回**您的代碼**並解釋您所嘗試的內容。 –

不費力無答案 –

我會在這裏給你一些幫助，因爲你看起來完全失去了這個過程。你可以使用CSS，但我會使用這個jQuery插件。順便說一句...在10秒內搜索到）; - https://responsivedesign.is/resources/javascript-jquery/back-stretch – 2017-10-12 14:29:23

您可以使用background-size: cover將圖像縮放到兩個寬度和容器的高度。如果您遵循最佳做法，應將其添加到您的css文件中。

See W3CSchools for examples.

來源

2017-10-12 14:37:26

謝謝！我會試試 – Myko

好的答案，爲我工作 – Glen

沒有任何代碼示例，以顯示你嘗試過什麼，但我會盡力幫助你，嘗試這樣的事：

body { 
    background-image:url("imagepath"); 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 
} 
html { 
    height: 100% 
}

來源

2017-10-12 14:27:46 alexay68

感謝您的幫助！ :) – Myko

如果它解決了您的問題，請將其標記爲您的問題的解決方案 – alexay68

如何使背景圖像適應屏幕尺寸？

回答

相關問題