Em Vs Px Pada CSS

Halo teman – teman. Apa kabar semuanya ? mudah – mudahan baik ya . dalam artikel kali ini saya akan menjelaskan tentang lebih baik mana ukuran font-size em dan px. Salah satu aspek yang paling membingungkan dari styling CSS adalah penerapan attribute font-size untuk teks. Dalam CSS ada 4 unit yang berbeda dengan mana anda memilih ukuran teks dalam sebuah web. Mana yang lebih cocok dari em atau px ?

Em adalah satuan yang digunakan dalam media dokumen web. Sebuah em sama dengan font-size saat ini. Misalkan 1em sama dengan 16 px. Em dalam dokumen web semakin popular karena skalabilitasnya dan sifat mobile.

Pixel adalah satuan berukuran tetap yang di gunakan dalam media layar yaitu computer. Satu sama dengan satu titik pada layar computer. Banyak web designer menggunakan satuan pixel dalam dokumen web untuk menghasilkan pixel yang sempurna. Tetapi terdapat masalah dengan satuan pixel karena skalabilitasnya kurang baik .

Lihat gambar di bawah ini : saat mencoba membesarkan ukuran / memperkecil ukuran terlihat perbedaaanya:

See the Pen Em Vs Px by Dumet_School (@dumet_school) on CodePen.

pada demo diatas. Silahkan atur font size pada body.

Maka satuan Em , tinggi baris dan antarparagraf akan menyesuaikan diri berdasarkan ukuran teks.

Sedangkan satuan pixel tidak menyesuaikan. Bertahan pada ukurannya dan akan sempit dan sulit dibaca..

Sampai jumpa di artikel berikutnya , Terimakasih