[分享]CSS中怎么整体缩小图片

如何来整体缩小图片使用CSS？

img {
    width: 50%;  /*将图片宽度调整为50%*/
    height: auto; /*使图片的高度根据宽度自适应*/
} 

在上面的代码中，我们看到“width: 50%”将图片宽度调整为页面的50%。如果您想将其缩小到30％，则可以替换“50”为“30”。

另一件需要注意的事情就是缩小图片时必须同时调整图片的高度。为了防止图片被拉伸，我们可以使用“height: auto”。这个属性将使图片的高度根据宽度自适应。

因此，无论您想要将图片缩小到多少，都可以使用上面的CSS代码来实现。只需改变“width”属性的值即可。