爲什麼我的背景圖片變焦？

Question

我有一些切換日記條目，一切正常，除了我的背景圖片放大或縮小，取決於我在哪個條目。它看起來更多地放大了較長的條目，並縮小了較短的條目。背景是在我CSS中的body標籤下。

這是我的背景，有問題。

body { 
background-image: url("http://housedivided.dickinson.edu/grandreview/wp-content/uploads/2010/02/HD_4USCinfantryDetail.preview.jpg"); 
background-size: cover; 

}

這裏是我的全碼：http://jsfiddle.net/michaelpri/urz1sLa8/2/

任何幫助是極大的讚賞。

Answer 1

嘗試使用contain而不是cover。

當你點擊，頁面高度的變化，背景已經覆蓋到了這一切，所以它會放大。

它的背景類型的行爲是多麼的。

Answer 2

嘗試使用background-size: 100% 100%;，它將舒展的背景屏幕大小

Answer 3

它放大，因爲body大小改變時，你的菜單下顯示這些段落。如果您將段落尺寸設置爲相同，則可能會停止縮放。或者如果你讓他們在身體上獨立。也許position: absolute將有所幫助。