本文介绍如何使用CSS的min-width和min-height属性来控制图片的缩放和裁切效果，通过设置div容器的宽度、高度及溢出隐藏属性，实现图片适应不同尺寸的需求。
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta content="text/html; charset=gbk" http-equiv="Content-Type" /><title>min-width/max-width控制图片缩放裁切</title><style type="text/css">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 id="div1"> <a href="#"><img src="test.jpg" alt="" /></a> </div></body></html>
本文转自 xcf007 51CTO博客，原文链接：http://blog.51cto.com/xcf007/155890，如需转载请自行联系原作者
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
