CSS temel ölçü birimleri

Hiç bi zaman aram iyi olmadı CSS ile ta ki Adem İlter‘i takip edene kadar :) Hem öğreniyorum hem de kendime not olsun diye buraya bırakayım.

Öncelikle videoyu izlemenizi tavsiye ederim. Adem Bey çok detaylı şekilde anlatmış.

CSS Temel Ölçü Birimleri

Kendime not olarak da şuraya özetleyeyim:

• px: Piksel değeri. Sabit. Haliyle responsive için elverişli değil.
• em: font-size değerine eşit. Biz css’de kendimiz font-size yazmazsak default olarak tarayıcıdan çekiyor.
• rem: Aslında root em demek. Hangi kapsayıcıda olursa olsun, rootdaki font-size’a bakıyor.
• % : Bildiğin yüzde değeri.
• vw, vh: viewportWidth ve viewportHeight. Örneğin eleman tarayıcının tamamı dolsun istersek width: 100vw, height: 100vh olmalı.
• vmin, vmax: viewport’un minimum ve maximum zımbırtısı.

Bu mevzular insanlık için küçük benim için büyük bi adım oldu.