背景大小：封面不能在Android本機瀏覽器工作

我試圖適合它的容器使用background-size:cover背景圖像。這裏是我的小提琴：The Fiddle 背景大小：封面不能在Android本機瀏覽器工作

它在所有的瀏覽器，但在Android原生瀏覽器不工作.. 任何人有任何解決辦法嗎？謝謝

也許因爲你需要設置witdh而不％，但在PX，這就是純粹的猜測辯論，因爲如果我remmeber正確的Android已經與屏幕寬度的設置問題。 –

你的意思是我應該使用px代替所有元素的％？ –

在搜索這個問題並找不到解決方案後，我從CSS文件樣式中刪除了背景圖像，並在HTML代碼中使用了內聯樣式。解決了android原生瀏覽器的問題。

我更新了小提琴，它在android原生瀏覽器中工作。

看來，Android的也有分析背景格式類似這樣的問題：

background: url('...') fixed center center/cover;

，我們應該分開背景圖像的形式他人和在線使用它，然後用每個選項分別在css文件中，像這樣：

background-size: cover; 
background-position: center center;

2013-12-08 16:14:02

@ R.Bosma幫助添加了一個建議（雖然可能會被刪除，因爲它的內容更適合評論）：「不要使用background-attachment：固定，否則不會在Android上應用縮放設備。本地和滾動似乎工作正常。「 –

它適用於使用'html，body {...}'而不是'body {...}'。 – Edward

不幸的是，background-size屬性沒有完全支持舊版本的vers Android本機瀏覽器和Android版Chrome瀏覽器。我經歷了艱難的發現這種痛苦。除了使用「封面」作爲一種價值的，請執行下列操作：

background-size: 100% auto;

這樣做是給你相同的水平感到「封面」，然後自動設置圖像的高度，假設圖像有內在尺寸。

爲進一步閱讀，我建議潛入detailed writeup from Sara Soueidan。

2016-04-05 15:18:24 yonas

我與背景尺寸相同的問題：蓋，所述圖像被裝配到設備和下面有白色背景的寬度，並且當我使用該CSS設置背景色它是固定：

background-color: #fff;

或簡寫：

background: #fff url('http://cdn.stupiddope.com/wp-content/uploads/2013/06/IMGP3540.jpg') no-repeat scroll center center/cover;

它並沒有重要的顏色你選擇，因爲這將是無形的。

2016-09-11 20:19:31 jcubic

回答