淘先锋技术网

首页 1 2 3 4 5 6 7

CSS可以使图片等比缩小,让大图变小,不会影响图片的质量,显示不会失真。方法如下:

img{
max-width: 100%;
height: auto;
}

以上代码表示最大宽度为100%,高度自适应,这样就可以保证图片在缩小时等比例缩放,不会变形。

如果想设置图片最大高度,可以使用max-height属性:

img{
max-width: 100%;
max-height: 400px;
}

以上代码表示图片最大高度为400px。

如果希望图片在缩小时保持居中,可以使用以下代码:

img{
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}

以上代码表示让图片居中,margin: 0 auto;是设置图片的水平居中。

总而言之,使用CSS使图片等比缩小是比较简单的,只需要设置max-width:100%即可。