javascript - 为什么我的背景图片会缩放？

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。

当你点击时，页面高度会改变，背景必须覆盖它，所以它会放大。

这就是背景类型的作用。