移動背景大小

所以我想要做的是重現這種效果（可以看到使用鉻版本45.0.2454.101 m）。需要注意的重要一點是，每個div都在包裝中顯示整個背景圖像的一部分（除了它實際上是一個尺寸相同的單獨圖像，通過反轉顏色進行修改，以便您可以看到差異）。移動背景大小

基本上它看起來好像每個內容div都使用背景圖像，它是文檔本身的大小。

結構：

<div class="wrapper"> 
    <div class="content"> 
     Here is some content 
    </div> 
    <div class="content"> 
     Here is some more content 
    </div> 
    <div class="content"> 
     So much content 
    </div> 
</div>

但是，如果你去拜訪您的移動設備上的此鏈接，您現在會注意到，每個格正在使用自己的背景圖片，而不是與包裝物的背景圖象重疊。背景圖像現在與內容div大小相同，並且位於每個內容div中。爲什麼會發生這種情況，我怎樣才能讓手機網站看起來像在桌面瀏覽器中經歷的那種？（我也使用鍍鉻上移動）

Link to JS Fiddle

來源

2015-10-08 Dave

榮譽所付出的努力，但這根本行不通的，因爲它取決於background-attachment:fixed。移動瀏覽器嘗試通過「智能地」處理某些頁面內容來積極改善視圖體驗，特別是在桌面優化的情況下。

他們選擇做的事情之一是忽略像background-attachment:fixed這樣的東西，因爲它通常比在微型屏幕上不那麼智能化設計的頁面上增強更多。

所以我很抱歉，但http://caniuse.com/#feat=background-attachment是你的問題在這裏，它不會馬上消失:)

來源

2015-10-08 05:29:37

移動背景大小

回答

相關問題