CSS的图片等比缩小是指在保持图片长宽比的前提下,将图片的宽度和高度同时按比例减小。如何做到图片等比缩小呢?我们需要使用CSS中的max-width属性来限制图片的最大宽度,并设置图片的高度为auto,让图片的高度根据宽度等比自动缩放。
具体实现方法如下:
img { max-width: 75%; height: auto; }
在上述代码中,max-width设置为75%,表示图片宽度最大为其父元素宽度的75%。height设置为auto,让图片的高度随宽度等比自动缩放。
使用CSS的图片等比缩小可以有效地提高网站的性能,降低图片文件的大小,减少页面加载时间,并提升用户体验。