-1

我一直在尝试通过添加宽度和高度属性来使用 css 更改图像的大小。但是，这只改变了图片的缩放比例。

例如，我有一个 90 像素 x 90 像素的图像。但是，当我更改宽度和高度时，它就像放大版的图片而不是较小的图片。

我的CSS是：

.image-90 {
    horiz-align: center;
    width: 60px;
    height: 60px;
    background-size: 90px 90px;
    margin: 10px;
    border: 1px rgb(218, 218, 218) solid;
    background: #C4C4C4 no-repeat 0 0;
    background-image: url('/Content/images/person_noimage.png? width=90&height=90&mode=crop');
}

这是我的 html（我的图片 url 存储在 Person.AvitarImage 中）：

<div class="image-90" style="background-image:url-Person.AvitarImage"></div>
4

1 回答 1

1

background-size必须在and之后 声明。我不确定这是否适用于所有浏览器，但至少我在 Chrome 和 Firefox 中注意到了这一点。见http://jsfiddle.net/WS2qe/1/backgroundbackground-image

如果您只设置一个值，则假定为宽度和高度将自动调整以保持背景成比例。

于 2013-04-20T05:09:01.513 回答