Css 限制背景大小：包含为原始图像大小

我正在写一本相册，照片用以下CSS显示在覆盖div的页面中：

.photoHolder {
    background-size: contain;
    background-image: url(theImage.jpg);
    background-position: 50% 50%;
    background-repeat: none;
    width: 100%;
    height: 90%;
    [...]
}

如果原始图像小于photoHolder的大小，则图像会被拉伸，看起来像泥一样。有没有一种方法可以在不使用JavaScript限制div大小的情况下停止此操作

---

当然，照片的大小可能会有所不同，

photoHolder的大小也会有所不同（因为它占据了大部分可用窗口）。
您只需删除即可

background-size: contain; 

导致背景图像拉伸。
正确。从MDN中，
contain
是。。。此关键字指定背景图像应缩放为尽可能大，同时确保其尺寸小于或等于背景定位区域的相应尺寸。参考：我需要“包含”在那里，以确保图像适合在页面上，如果它是大的。看来这个问题的答案是“不”。谢谢，两位！