CSS背景圖像在某些瀏覽器上不是全尺寸

我正在爲我姐姐的婚禮做一個小小的演示，我基本上想在用戶向下滾動頁面時將背景設置爲不同的圖像。CSS背景圖像在某些瀏覽器上不是全尺寸

這個過程本身工作正常，但是上：

Mac臺式機運行Chrome（瀏覽器的寬度左右1900px）

圖像不跨頁伸展，雖然背景保持不變（因爲它應該）。

的移動電話（機器人鉻）

背景圖像不保持固定時（當用戶向下滾動時，背景圖像被留下）。有趣的是，我無法通過使我的窗口更小來在筆記本瀏覽器中重現這一點 - 可能是移動瀏覽器本身的限制？

上什麼我失蹤這裏有什麼想法？

你嘗試過在頁面加載的JavaScript設置背景的大小？ –

背景大小已經設置爲'cover'，它應該具有相同的效果，不是嗎？而且，這並不能解決手機中的位置 - 不被固定的問題。 – Jascination

設置

width:100% 
margin-left:auto; 
margin-right:auto;

在你的形象標籤或DIV

如果100％是不行的使用像素的寬度

2013-01-14 13:14:25

的圖像是1200像素寬。所以在1900分辨率下圖像不會伸展，而且更小:)。如果您使用background-size：100％;它應該伸展。

2013-01-14 13:19:13

回答