Rumah >hujung hadapan web >tutorial css >Galeri dengan saiz imej yang berbeza-beza menggunakan nisbah aspek dan muat objek

Galeri dengan saiz imej yang berbeza-beza menggunakan nisbah aspek dan muat objek

Patricia Arquette
Patricia Arquetteasal
2025-01-08 18:09:41910semak imbas

Gallery with varied image sizes using aspect-ratio and object-fit

Kod ini mencipta galeri imej bersih yang mengandungi imej bersaiz berbeza, semuanya mengekalkan nisbah bidang 3:2.

Lihat demo Codepen:

Artikel penuh: Buat galeri imej dengan saiz yang berbeza menggunakan nisbah aspek dan muat objek
Coretan kod CSS

Atas ialah kandungan terperinci Galeri dengan saiz imej yang berbeza-beza menggunakan nisbah aspek dan muat objek. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn