Bootstrap背景圖像在移動瀏覽器上有所不同

-1

我正在使用封面主題處理Bootstrap項目。我正在所有瀏覽器和屏幕大小上檢查此項目。在某些情況下，我的背景照片很棒，並且應該可以滾動。在其他情況下，背景照片只是固定的，不會滾動。它也有不同的作物。
這裏是我的代碼：Bootstrap背景圖像在移動瀏覽器上有所不同

html, 
body { 
height: 100%; 
background: url('mccarran_pool.jpg') center center no-repeat; 
background-attachment: fixed; 
background-size:cover; 
}

我怎樣才能讓這個跨瀏覽器友好的迴應？

來源

2015-04-26 ambethoney

你應該-webkit-和-moz-因爲在某些瀏覽器中它不起作用。試試這個：

html, 
body { 
height: 100%; 
background: url('mccarran_pool.jpg') center center no-repeat; 
background-attachment: fixed; 
-webkit-background-size:cover; 
-moz-background-size:cover; 
background-size:cover; 
}

來源

2015-04-26 18:57:50 locateganesh

謝謝，我已經試過這一點。它仍然裁剪圖像，而不是顯示完整的圖像。我也試過 'background-image：100％; background-image：100％100％： background-image：auto： background-image：contains; background：url（'mccarran_pool.jpg'）; background-size：cover;' 這些都不起作用 – ambethoney

相反，我應該說整個圖像仍未顯示在着陸頁上。您必須向下滾動才能看到底部，而不是在視口中查看整個事物。 – ambethoney

行..你想完整顯示..試試這個背景大小：100％100％;而不是background-size：cover; – locateganesh

Bootstrap背景圖像在移動瀏覽器上有所不同

回答

相關問題