HTML和CSS背景圖像縮放以適應屏幕

我目前正在構建我的投資組合網站。我正在使用HTML和CSS。我有我用於背景的圖像，但背景保持不變，無論屏幕的大小如何。我應該使用哪些代碼？我應該將代碼升級到CSS3/HTML5嗎？如果是的話，代碼是什麼？非常感謝你的時間和提前幫助，這是一個細節，當我展示我的作品時，這個細節正在讓我瘋狂和巨大的掛斷。HTML和CSS背景圖像縮放以適應屏幕

來源

2014-03-30 user3435927

可能重複的[CSS background i法師適合寬度，高度應按比例自動縮放]（http://stackoverflow.com/questions/9262861/css-background-image-to-fit-width-height-should-auto-scale-in-proportion） –

background-size : 100% auto

這會設置寬度爲100％和高度自動

總是搜索以及您發帖提問之前，這可能是一個很好的參考初學者：

http://www.w3schools.com/cssref/css3_pr_background-size.asp

來源

2014-03-30 01:44:05 ProllyGeek

看看下面的代碼：

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

來源

2014-03-30 02:00:41 manosim

在Android上，它僅適用於使用'html，body {...}'而不是'body {...}'的情況。 – Edward

HTML和CSS背景圖像縮放以適應屏幕

回答

相關問題