Responsif penuh Script Background Gambar menunjukkan desainer web bagaimana menghindari JavaScript dan hanya menggunakan kode CSS untuk membuat gambar benar ditampilkan pada seluruh area halaman, tanpa casing setiap bagian putih kosong.
Sementara "background-size: penutup" CSS properti dapat mencapai hal ini sendiri, karena sebagian besar situs hari ini diakses dari kedua perangkat mobile dan desktop secara teratur, jika gambar latar belakang tidak dipilih dengan benar, pada salah satu perangkat ini , gambar tidak akan selalu cocok di dalam jendela benar.
Script ini juga menambah media permintaan CSS3 untuk menargetkan perangkat layar kecil dan jadi pastikan gambar yang berbeda, lebih tepat dan lebih ringan digunakan untuk smartphone dan tablet.
Secara keseluruhan trik ini bisa sangat berguna, terutama karena selama beberapa tahun sekarang gambar latar belakang berkualitas tinggi adalah kecenderungan umum industri Desain Web.
. Sebuah demo disertakan dengan Responsif Background Image penuh Menggunakan paket CSS
Persyaratan :
- CSS 3 enabled browser
Komentar tidak ditemukan