Dostum birimler hakkında guzel bir noktaya temas etmişsin.. Öncelikle şunu soyleyeyim çoğu kimse senin gibi bu konulara dikkat etmiyor px den başka birim oldugunu bile bilmiyor. Konu biraz derin oldugu için kısa yazmaya çalışayım. genel olarak 1em = 100% = 16px denilebilir. denilebilir diyorum çunku em ve % birimleri relative yani bağıl değerlerdir. px ise absolute yani mutlak değerdir. sen 1em yazdıgında aslında 16 px yazmış oluyosun (çogu browsera gore) ama chrome da oldugu gibi browserın default değeri 1em=12px e karşılık ise sen 1em yazdıgında aslında 12 px değeri girmiş oluyosun. % değerinde ise 100% yazdıgında genel browserlarda 16px e chromeda 12px e denk gelmiş oluyor. 50% yazarsan tahmin edeceğin gibi 8pxe chromeda ise 6 pxle denk gelmiş oluyor. Hangisini seçmeliyim konusuna gelince sadece bir birim seçebileceğin gibi yerine gore farklı birim kullanabilirsin.. örneğin mobilde resimlerin guzel gorunmesini istiyorsan % değerini kullanman daha iyi olur çunku px verdiğinde sabit veriyosun çözunurluk bozuluyor ama relative % değeri verdiğinde ekran kuculdugunde resim de kuculen ekran boyutuna gore yani bagıl olarak kendisini ayarlamış oluyor. aklına takılan soruya da yukarda biraz değindim aslında ama şöyle soyleyeyim font-size değerinde % browserın default değerinin %si olmuş oluyor yukarda ornekler verdim. image lara divlere vs. width değerini % olarak verdiğinde container içine aldıysan containerin , almadıysan ekran genişliğinin % değeri kadar bir genişlıkte yer kaplatıyorsun divlere imagelara. diyelim ki 2 tane aynı genişlikte div in var yan yana aralarında hiç boşluk olmayacak şekilde koymak istiyorsun. bu iki div e width olarak 50% değeri verdiğinde bu iki div tum genişliği kaplayacak şekile geliyor.diyelim ki 4 tane div yerleştireceksin tum genişliğe o zmn vermen gereken değer tahmin edebileceğin gibi 25% olacaktır. yani tum genişliği %100 kabul ediyosun kaç tane sıgdırmak istiyorsan 100 değerini bu tane değerine bolup %kaç yazacagını buluyosun.. % nin responsivedeki guzel tarafı @media etiketinde mobil ekran boyutlarında tanımlarken imagelara 100% değeri verdiğinde yukardan aşağı sıralatabiliyor olman.. bu birim değerlerini biraz da bu anlattıklarım çerçevesinde araştır araştırdıkça daha da iyi anlayacaksın bu bilgiler temeliyle..