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