KolayHTML & CSSFrontend

rem, em, %, vh ve px birimleri arasındaki fark nedir?

Cevap

  • px: sabit piksel (cihaz piksel oranına göre ölçeklenir)
  • em: elemanın kendi font boyutuna göredir (font-size'da kullanılırsa ebeveyninkine). İç içe kullanımda katlanarak büyür.
  • rem: kök (html) font boyutuna göredir. Tahmin edilebilir olduğu için tipografi ve boşluklarda tercih edilir.
  • %: ebeveynin ilgili ölçüsüne göredir
  • vh / vw: görünüm alanının (viewport) yüksekliğinin / genişliğinin %1'i. Mobilde adres çubuğu sorunu için dvh (dynamic viewport) kullanılır.

Kullanıcının tarayıcıda yazı boyutunu büyütmesine saygı duymak için font boyutlarında rem kullanmak erişilebilirlik açısından önemlidir.

Mülakat Defteri editörleri ·

  1. Semantik HTML nedir, neden önemlidir?KolayHTML & CSSFrontend
  2. CSS box model nedir? box-sizing: border-box ne işe yarar?KolayHTML & CSSFrontend
  3. position değerleri nelerdir?KolayHTML & CSSFrontend
  4. Flexbox ile Grid arasındaki fark nedir? Hangisini ne zaman seçersiniz?OrtaHTML & CSSFrontend
  5. CSS specificity nasıl hesaplanır?OrtaHTML & CSSFrontend
  6. Pseudo-class ile pseudo-element arasındaki fark nedir?OrtaHTML & CSSFrontend

Bu konuda başka bir soru biliyor musun?

Mülakatta karşılaştığın soruları ekle, onaylandıktan sonra yayına alınsın.

Soru ekle