Piksel olarak em ile stil yerine boyutları ve mesafeleri tanımlamak gerekir duydum. Soru neden css stilleri tanımlarken px yerine em kullanmalıyım? Bunu gösteren iyi bir örnek var mı?

Yanlış bir diğerinden daha iyi bir seçim (ya da her iki spec içinde kendi amaç verilen olmazdı) demek. Hatta değer StackOverflow px birimler yoğun kullanımını gösteren olabilir. Spoike olduğunu söylendi kötü seçim değil.

Birimlerinin tanımı

• pxmutlak bir ölçü birimidir,ptyacm) bu da 1/96 bir oluyorbirim (daha fazla neden daha sonra). Çünkü mutlak bir ölçü olabilir kullanılan istediğin zaman tanımlamak için bir şey için, belirli bir boyutu, yerine orantılı olmak başka bir şey gibi boyutu tarayıcı penceresi veya yazı tipi boyutu.

  Diğer tüm mutlak birimler gibipxadet tarayıcı penceresinin genişliğine göre ölçek yok. Eğer tüm sayfa tasarımı mutlak birimler kullanıyorsa, bu nedenle, gibipxyerine%tarayıcı genişliğine adapte olmaz. Bu doğuştan iyi ya da kötü, tasarımcı arasında tam boyutunu bağlı kalarak ve fakat süreç içinde tam boyutunu bağlı kalarak değil, germe karşı hiç esnek yapmak için gereken sadece bir seçimdir. Sabit boyutlu bir karışımı var site ve esnek boyutlu nesneler için normal olurdu.

  Sabit boyutlu elemanları genellikle sayfa - reklam afişleri, logoları ve simgeleri olarak dahil edilmesi gerekir. Bu hemen hemen her zaman en az ihtiyaç sağlarbazıpx tabanlı bir tasarım ölçümleri. Görüntüler, örneğin, (varsayılan) ihtiyacınız olacak bir görüntü tasarımı buralarda olursanız çok boy her piksel 1*px* böylesi ölçekli olacakpxbirimler. En kullanmak mantıklı yuvarlama nedeniyle de sınır genişlikleri için hassas yazı tipi boyutlandırma, ve çok yararlıdırpxekranların çoğunluğu için birimler.

  Tüm mutlak Ölçümler katı birbiriyle alakalı;1inher zaman*96px*, gibi1inher zaman*72pt*. (Not1inneredeyse hiç fizikselinçekran tabanlı medya) hakkında konuşurken. Tüm mutlak Ölçümler 96ppi nominal ekran çözünürlüğü ve böyle bir ekran tek bir masaüstü monitör ve nominal görüş mesafesi varsayalımpxbir eşit olacaktırfizikselekran ve pixel96 fiziksel piksele eşit olacak. Anlamlı ya da piksel yoğunluğu ya da görüş mesafesi farklı olan ekranlarda, ya da eğer kullanıcı sayfayı tarayıcı kullanarak Yakınlaştırılmış vardır Zum fonksiyonupxartık ille de fiziksel piksel ile ilgili olacaktır.

• emmutlak ölçü değildir, şu anda seçilen yazı tipi boyutunu göreceli bir birimdir. Yazı mutlak bir birimi ile boyutu (gibi . ayarlayarak yazı tipi stili geçersiz yoksa ^em>pxyapt), bu etkilenen tarafından tercih edilen bir yazı tipi, tarayıcı ya da işletim sistemi var gibi yaptı, bu yüzden çok mantıksız için kullanırım gibi bir genel birim uzunluğu dışında özellikle istediğiniz boyutu yazı tipi boyutunu ölçeklendirir.

  Kullanınemne zaman özel bir şey boyutu, geçerli yazı tipi boyutuna bağlıdır.

• %ayrıca göreceli bir birimdir, bu durumda yükseklik veya bir üst elementin genişliğine göre. İçin iyi bir alternatiftirpxşeyler için ekip halinde tasarım belirli piksel boyutlarına boyutunu ayarlamak için kullanır, yoksa bir tasarım toplam genişlik gibi.

  Kullanarak%tasarım birimleri tasarım mutlak bir birim olarak kullanarak ise ekran/cihaz genişliği uyum sağlarpxdeğil.