Zaman dulu, menentukan ukuran elemen di web tidak ribet. Tinggal sat-set pakai piksel dan persen.
Soalnya dulu web cuma dibuka di layar PC aja dengan ukuran resolusi sekitar 800x600px.
Tapi makin ke sini, makin ribet.
Mengapa?
Karena ukuran layar device untuk membuka web sudah bervariasi, mulai dari ukuran yang kecil hingga ukuran yang besar.
Mulai dari layar jam tangan hingga layar bioskop. Web bisa dibuka di mana-mana.
Kita dituntut untuk membuat website yang responsif dan mengikuti ukuran layar-layar itu.
Karena itu, untuk memenuhi kebutuhan ini, CSS terus dikembangkan.
Sekarang kita tidak cuma pakai satuan piksel (px) saja, tapi juga berapa satuan tambahan untuk tujuan tertentu.
Mari kita bahas, satuan-satuan yang sering dipakai saat ini.
Menentukan Ukuran dengan Piksel
Satuan ukuran dengan piksel atau px adalah satuan ukuran yang paling dasar di CSS. Ini karena awalnya web cuma ditampilkan di layar monitor saja.
Monitor menggunakan piksel untuk ukuran resolusinya.
Misalnya kita punya monitor dengan resolusi 800x600, maka biasanya kita akan menentukan ukuran elemen tidak lebih dari ukuran ini.
Mengapa?
Karena kalau lebih, nanti nggak bisa ditampilkan alias overflow.
