在CSS中,我們可以使用多種方法將圖片縮小,下面介紹兩種常用方法。
1. 使用width和height屬性
img { width: 50%; height: auto; }
上述代碼將圖片的寬度設置為其父元素寬度的一半,并讓高度按比例自適應調整,從而達到圖片縮小的效果。
2. 使用transform屬性
img { transform: scale(0.5); }
上述代碼使用transform屬性中的scale方法,將圖片縮小到原大小的50%。
無論使用哪種方法,都可以通過在CSS文件中為img標簽添加對應的屬性來實現圖片縮小的目的。