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%即可。