html - CSS - 画像を正方形にトリミングする方法、既に正方形の場合はサイズを変更する

Question

250 width and 250 heightの画像があり、それをトリミングしたいとしましょう90x90

画像のピクセルが表示されますが、長方形の場合はトリミングし、正方形の場合はサイズを変更したいので、どうすればよいですか?

これは画像をトリミングする CSS コードですが、サイズを変更するにはどうすればよいですか?

.image{ 
    width:90px;
    height:90px;
}
.image{
    display: block;
    overflow:hidden;
    clip:rect(0px,90px,90px,0px);
}

Answer 1

これを試して

<div style="width:90px; height:90px; overflow:hidden;">
<img src="Message.png"/>
</div>