• Buradasın

    CSS'de rem ve em farkı nedir?

    Yazeka

    Arama sonuçlarına göre oluşturuldu

    CSS'de "rem" ve "em" arasındaki temel fark, değerlerin tarayıcı tarafından nasıl türetildiğidir 4.
    • em ölçüsü 4. Hesaplanan piksel değeri, stillendirilen öğenin yazı tipi boyutuna göredir 4. Bu, mirasa tabi olmayan bir piksel ölçüsü tarafından açıkça geçersiz kılınmadığı sürece, üst öğelerden devralınan değerlerden de etkilenir 4.
    • rem ölçüsü 4. Hesaplanan piksel değeri, root (html) öğesinin yazı tipi boyutuna göredir 4. Ancak bu, devralmaya tabi olmayan bir piksel birimi tarafından geçersiz kılınmadığı sürece, devralmanın bir sonucu olarak tarayıcıdaki yazı tipi boyutu ayarından etkilenir 4.
    Özetle:
    • em, bir üstteki kapsayıcıya göre değer alır 5.
    • rem, kök (root) font-size değerine göre değer alır 5.
    Örnek:
    • body{font-size:1em}
      kodu kullanıldığında, alt etiketler body etiketine tanımlanan 
      size
      değerini baz alarak çalışır 1.
    • html{font-size:16px;}
      kodu kullanıldığında, 
      1rem
      = 
      16px
      olur 3.
    5 kaynaktan alınan bilgiyle göre:

      Yanıtı değerlendir

      5 kaynak

      1. digitalocean.com
        1
      2. refine.dev
        2
      3. site24x7.com
        3
      4. digillex.com
        4
      5. blog.logrocket.com
        5

    Konuyla ilgili materyaller

    CSS'de px yerine ne kullanılır?

    CSS'de piksel (px) yerine kullanılabilecek bazı birimler şunlardır: Em (em) ve rem (root em). Viewport birimleri (vh, vw, vmin, vmax). Yüzde (%) birimi. Bu birimler, özellikle responsive tasarımlar ve farklı ekran çözünürlüklerinde daha esnek bir yapı sağlamak için kullanılır.
    5 kaynak