响应式设计的背景图像比例

Question

我使用的是3870像素×3997像素的背景图像。我使用以下css使其覆盖整个屏幕：

body {
url('../images/bkg_large.png') no-repeat center center fixed;
-webkit-background-size: cover;
 -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

但是，图像似乎不合适。它被拉伸并切除图像顶部的云。我尝试删除固定并添加高度= 100％而不是。这使得云显示为常规的膝上型屏幕，但仍然无法将其固定在较大的显示器上。

这是网站：http://heartcrossings.businesscatalyst.com/

我能做些什么才能让这个图像在更大的显示器上更好用？

Answer 1

不确定这是否会解决但值得一试

尝试背景大小：100％;