# 053: Lajur Responsif untuk Galeri - Trik CSS

Isi kandungan

Kami menambahkan sedikit respons terhadap grid yang telah kami siapkan untuk Galeri. Pada skrin terluas, kami menetapkannya pada empat lajur. Kemudian kami mula menambah titik putus melalui @mixins super mudah yang telah kami siapkan dan telah digunakan semula di seluruh.

Pada titik putus mama-bear kita turun menjadi 3 lajur, kemudian kita buat titik putus sementara antara mama-bear dan baby-bear di mana ia menjadi 2 lajur, dan akhirnya 1 lajur di baby-bear. Ini sangat mudah, kerana yang perlu kita lakukan adalah menyesuaikan berapa banyak lajur yang kita tetapkan melalui CSS3 column-count.

Kami mengakhiri video yang membincangkan tujuan masa depan untuk galeri. Senang dapat memuatkan jumlah gambar yang berlainan pada ukuran skrin yang berbeza dan menggunakan lakaran kecil sebenar dan bukannya gambar ukuran penuh. Mungkin suatu hari kita akan sampai di sana.

Untuk rekod, perisian yang saya gunakan secara tempatan untuk menangkap tangkapan skrin dan memuat naiknya ke pelayan melalui FTP adalah LittleSnapper.

Artikel menarik...