Blog Request tutorial? klik disini!

  • Em Vs Px Pada CSS

    Ditulis oleh: Billiyam
    627 kali dibaca
    20 Jul / 2014 18:30

    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






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155