如何製作即使在iPhone Safari中也能正常工作的完全響應的背景圖片？

我嘗試了不同的方法，大多人建議使用img代替background-image得到完美的結果，但我想知道是否有可能只用一些技巧解決這個問題，有一個全寬度的背景圖片？如何製作即使在iPhone Safari中也能正常工作的完全響應的背景圖片？

Here's my live website that I have problem with

來源

2015-09-04 Sohail

退房[此鏈接]（https://css-tricks.com/perfect-full-page-background-image/），相當不錯的方法，如果你沒有試了一下。 –

既然你不需要IMG在垂直方向填滿頁，我想你想的整體形象，以適應水平，這是我會怎麼做。

body { 
    background: url(http://lorempixel.com/400/200/sports/) no-repeat center center fixed; 
    -webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
}

看到小提琴http://jsfiddle.net/DIRTY_SMITH/x131ofex/3/

來源

2015-09-04 18:38:02

如何製作即使在iPhone Safari中也能正常工作的完全響應的背景圖片？

回答

相關問題