用min-width/max-width实现图片缩放裁切

2022-04-14 02:59:51

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>min-width/max-width控制图片缩放裁切</title>

img{border:none;display:block;}

div

{

margin:20px auto;

background-color:#f0f6f9;

border:1px solid #606669;

}

#div1

{

width:150px;

height:200px;

overflow:hidden;

}

#div1 img

{

min-width:150px;

min-height:200px;

}

</style>

</head>

<body>

</div>

</body>

</html>

用min-width/max-width实现图片缩放裁切

本文转自 xcf007 51CTO博客，原文链接：http://blog.51cto.com/xcf007/155890，如需转载请自行联系原作者

码农公寓