Neden CSS'de Tek Bir Boyut Değeri (px) Değil de rem em..vs Kullanılıyor?

Question

CSS dosyasında baktığımda bir çok değer kullanıldığını gördüm, neden her şeyi px yazıp geçmiyorlar da bazılarım rem bazılarını em..vb değerler ile yazıyorlar? Hatta bazı tema yapımcıları rem değerini px değeri ile eşleyip 10px=10rem şeklinde kullanıyor, bunun amacı ne? 10rem'i 10px ile eşleyeceği kadar 10px yazamaz mı?

byte34 · Answer

Varsayılan olarak 1 rem = 16px. Bu rem değeri body veya html etiketine yazılan font-size parametresine bağlı bir değer. Sayfadaki her yazının boyutunda rem kullanıldığı için body etiketinde font-size değişikliği yapıldığında sayfadaki bütün yazılar etkileniyor. Örneğin; mobil görünümde yazılar daha büyük olsun istenirse, @media kuralı kullanarak belli bir çözünürlükte body etiketine font-size 18px değeri verildiğinde sayfadaki bütün yazılar da büyümüş oluyor.

Seoways · Answer

Responsive özelliği için

SkyGhostAir · Answer

byte34 adlı üyeden alıntı: mesajı görüntüle

Varsayılan olarak 1 rem = 16px. Bu rem değeri body veya html etiketine yazılan font-size parametresine bağlı bir değer. Sayfadaki her yazının boyutunda rem kullanıldığı için body etiketinde font-size değişikliği yapıldığında sayfadaki bütün yazılar etkileniyor. Örneğin; mobil görünümde yazılar daha büyük olsun istenirse, @media kuralı kullanarak belli bir çözünürlükte body etiketine font-size 18px değeri verildiğinde sayfadaki bütün yazılar da büyümüş oluyor.

Seoways adlı üyeden alıntı: mesajı görüntüle

Responsive özelliği için

Peki sadece font değil de başka nerelerde kullanılabilir bu?

@media içerisinde px kullandım bu güne kadar, em kullanımında avantaj ne oluyor? Mesela Flexbox Grid em kullanmış(aşağıdaki gibi).

Seoways adlı üyeden alıntı:						mesajı görüntüle									Responsive özelliği için  		Peki sadece font değil de başka nerelerde kullanılabilir bu?

@media içerisinde px kullandım bu güne kadar, em kullanımında avantaj ne oluyor? Mesela Flexbox Grid em kullanmış(aşağıdaki gibi).

mumitozdmr · Answer

Hocam sadece px rem em değil vw ve vh değerleri de var. Bunlar da ekranın genişliğine ve yüksekliğine göre bir değer ataması yapılabilen ölçüler. Daha başka bilmediklerim de olabilir. Ama bu tarz ölçülerin mantığı responsive bir tasarım için pikselin yetersiz kalması.