为什么我的背景图片要放大？

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会有所帮助。