如何使背景圖像響應並顯示在移動設備上

我已經設法獲得背景圖像以在桌面設備上顯示並且響應，但是當我在移動設備上查看網站時，背景圖像不顯示向上。如何使背景圖像響應並顯示在移動設備上

繼承人的代碼，我到目前爲止有：

#intro{ 
background: url(../img/trees.png) no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/trees.png', sizingMethod='scale'); 
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/trees.png', sizingMethod='scale')"; 
min-height: 100%; 
}

來源

2015-06-22 RobHoy

小提琴或它沒有發生 –

檢查您的媒體查詢..可能是在移動版本它隱藏的響應原因..或顯示小提琴。 –

插入這對你的頭：用於高度

<meta name="viewport" content="width=device-width, initial-scale=1">

變化background-size to 100vh和100vw的寬度

來源

2015-06-22 11:29:32 mysterious

body{ 
    width: 100%; 
    height: 100%; 
    margin: 0px; 
    background: url(../image/background.jpg) no-repeat fixed top center; 
    background-size: cover; 
}

來源

2015-06-22 11:39:17

所以你想應用這個？ –

'#intro { background：url（../ img/trees.png）無重複固定中心;' –

感謝您的回覆，我已經合併了這個和背景調整大小，因爲我改變窗口的大小這是一個很好的桌面。但是，如果您在移動設備上查看該網站，則可以看到背景圖像高度未發生充分變化 – RobHoy

使用#intro{ background-size:100% 100%;}

來源

2015-06-22 11:49:50 Rajkishore

如何使背景圖像響應並顯示在移動設備上

回答

相關問題