CSS Birimleri
CSS ölçeğini ifade etmek için birkaç farklı birimler vardır.
ekran boyutlarının farklı olması nedeniyle klasik uzunluk birimlerinin, ekranda kullanılması tavsiye edilmez. Çıktı ortamı, baskı düzeni ölçüleri net olarak bilinir ise ancak, bunlar kullanılabilir.
Birim Açıklaması
cm santimetre
mm milimetre
in inç (1in = 96px = 2.54cm)
px piksel – pixel (1px = 1/96th – 1in)
pt points (1pt = 1/72 – 1in)
pc picas (1pc = 12 pt)
Piksel (px) görüntüleme cihazına göredir. Düşük dpi cihazlar için, 1 piksel göstergeye ait bir cihazın piksel (nokta) olduğu. yazıcılar ve yüksek çözünürlüklü ekranlar için 1 piksel, birden fazla aygıt için pikseli ifade eder.
Duyarlı Tasarımlar’da Sıkça Kullanılan Birimler
Birim Açıklaması
em Öğenin font boyutuna göre (2em, geçerli fontun 2 katı büyüklüğünde demektir)
ex Mevcut yazı tipinin x yüksekliğine göre (nadiren kullanılır)
ch “0” genişliğine göre (sıfır)
rem Kök öğenin yazı tipi boyutuna göre
vw Görünümün genişliğinin %1’ine göre
vh Viewport’un yüksekliğinin %1’ine göre
vmin Viewport’un daha küçük boyutunun %1’ine göre
vmax Viewport’un *% 1’ine göre daha büyük boyut
% Öğenin Yüzdesi Değeri Genişlik + Yükseklik