Responsive design 响应性设计的背景图像比例

我使用的背景图像是3870px乘以3997px。我使用了以下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%。这使得云彩出现在普通的笔记本电脑屏幕上，但仍然无法在更大的显示器上修复

这是网站：

---

我还能做些什么来让这个图像在更大的显示器上更好地工作吗？

不确定这是否能修复它，但值得一试

尝试背景大小：100%