CSS是Web開發(fā)中不可或缺的一部分,而圖片的適應(yīng)性也是Web設(shè)計的一個重要部分。在CSS中,我們可以用超出隱藏的方式通過調(diào)整圖片大小并將超出部分隱藏來達到適應(yīng)性的效果。
img{ width: 200px; height: 200px; object-fit: cover; overflow: hidden; }
上面的代碼解釋如下:
width
和height
屬性指定了圖片的寬和高,這里我們將圖片的寬高設(shè)置為200px;object-fit
屬性指定了如何適應(yīng)圖片。我們將其設(shè)置為cover
,表示將圖片縮放至完全覆蓋其容器;overflow
屬性指定了超出容器部分的處理方式。我們將其設(shè)置為hidden
,表示隱藏超出部分并且不顯示滾動條。
通過以上代碼,圖片的大小會被調(diào)整成200px × 200px的大小,并且超出部分會被隱藏,從而達到圖片適應(yīng)容器的效果。
以上就是關(guān)于CSS 圖片放大 超出隱藏的一些簡單介紹。