1

我正在写一个相册，照片显示在使用以下 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（因为它占据了大部分可用窗口）。

4

1 回答 1

2

你只需要删除

background-size: contain;

这导致背景图像拉伸。

于 2013-08-08T11:49:01.700 回答