如何讓圖片滿屏呢?CSS可以做到!下面介紹兩種方法:
/* 方法一 */ img { width: 100%; height: 100%; object-fit: cover; } /* 方法二 */ body { background-image: url('your-image.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; }
方法一是將圖片的寬度和高度設置為100%,并使用object-fit屬性將圖片按比例縮放,直至完全覆蓋其父元素。
方法二則是將圖片設置為背景圖,使用background-size將其拉伸至鋪滿屏幕,并使用background-position將其居中。如果需要讓背景圖不平鋪,則需要使用background-repeat屬性。
以上兩種方法都可以實現圖片滿屏的效果。根據實際需求自行選擇。
上一篇css如何讓元素隱藏