Html 如何在css中更改图像的大小
我一直试图通过添加宽度和高度属性来使用css更改图像的大小。但是,这只会更改图片的缩放 例如,我有一个90px乘90px的图像。然而,当我改变宽度和高度时,它就像放大版的图片,而不是更小的图片 我的css是:Html 如何在css中更改图像的大小,html,css,image,Html,Css,Image,我一直试图通过添加宽度和高度属性来使用css更改图像的大小。但是,这只会更改图片的缩放 例如,我有一个90px乘90px的图像。然而,当我改变宽度和高度时,它就像放大版的图片,而不是更小的图片 我的css是: .image-90 { horiz-align: center; width: 60px; height: 60px; background-size: 90px 90px; margin: 10px; border: 1px rgb(218
.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中):
背景大小
必须在背景
和背景图像
之后声明。我不确定这是否适用于所有浏览器,但至少在Chrome和Firefox中我注意到了这一点。看
如果只设置一个值,则假定宽度和高度将自动调整,以保持背景成比例。能否显示代码。您希望发生什么情况?更改图像的大小会使其变大或变小。你是说剪切图像吗?不,我不想剪切图像,我只想使其变小。你可以显示你的html结构。谢谢DavGarcia。这似乎就是原因
<div class="image-90" style="background-image:url-Person.AvitarImage"></div>