Dev UtilitiesLesson 134Preview gratis
Aspect Ratio Calculator
Lesson ini bagian dari Web Developer Tools · Semua level
Ringkasan
Aspect ratio calculator membantu mempertahankan perbandingan lebar dan tinggi saat mengubah ukuran gambar atau video. Rasio 16:9 berarti lebar 16 unit untuk setiap 9 unit tinggi. Jika lebar diubah, tinggi baru dihitung secara proporsional agar gambar tidak gepeng. Dalam CSS, properti aspect-ratio memudahkan pemeliharaan proporsi pada layout responsif.
Poin kunci
- Rasio ditulis lebar:tinggi, misalnya 16:9
- Skala proporsional mengalikan kedua sisi dengan angka yang sama
- Tinggi baru = lebar baru x tinggi asli / lebar asli
- Properti CSS aspect-ratio menjaga proporsi kotak
- object-fit membantu media mengisi kotak tanpa distorsi
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.