Düzenler için yüzde mi yoksa Piksel mi?

Bir web sayfası düzeni için ne kullanacaksınız? Yüzde mi piksel mi?
Biri diğerini ne zaman kullanmalıdır?

web-development design websites

— ACP
kaynak

İkisi de - em 's ;-)

— Armand

(Bu, tipografik terimin "em" değil, HTML etiketi "em" değil, herkesin

— başının başına geçmesi

@Alison: "İkisini de kullan - em s" demek istemiyor musunuz?

— Alan Pearce

Hedef platform mu? Açıkça yüzde olurdu, ancak ne yazık ki grafik varlıklarınızın çoğu güzel ölçeklenmeyeceği için pikselleri tavsiye ederim

— dvhh

Hmmmm @Alan haklı olabilirsiniz :—)

— Armand

Yanıtlar:

Hangi birimi kullandığınız tamamen neyi başarmak istediğinize bağlıdır. Web düzenlerinde en çok kullanılan birimler şunlardır:

px - mutlak; bir piksel
pt - mutlak; 1/72 inç, ekran medyası için yaklaşık 1,3 piksel
em - üst yazı tipi boyutuna göre; 1.0em = bir karakterin boyutu (büyük M harfinin genişliği)
% - ebeveyne göre

Sabit kalan boyutlar için px, örneğin 1 piksellik bir kenarlık kullanırsınız.
Em yazı tipini izlemesi gereken boyutlar için, örneğin 3.0em kenar boşluğu için kullanılır.
Üst öğenin bir yüzdesini alması gereken boyutlar için% kullanın, örneğin% 50 genişlik.

Web sayfası mizanpajları için sabit (piksel) mizanpaj mı yoksa sıvı (yüzde) tabanlı mizanpaj mı istediğinize bağlı olarak normalde pikselleri veya yüzdeleri kullanırsınız.

— Guffa
kaynak

Seçilecek küçük bir nit: em, geleneksel tipografide büyük harf M'nin yüksekliği değil genişliği. Şaşırtıcı olmayan bir şekilde, bir en büyük harf N'nin genişliğidir. Bir ex, karakter tabanlı yükseklik ölçüsüdür.

— Stan Rogers

@Stan Rogers: Asla büyük bir M harfinin yüksekliği olduğunu söylemedim, bir başkası bunu düzenledi.

— Guffa

Önemli olan, verilen bilgilerin oraya koyabileceğimiz kadar doğru olması. (Diğer insanların wiki dışı yanıtlarını henüz düzenleyemiyorum, bu yüzden yorumlar yapabileceğim en iyisidir.)

— Stan Rogers

Çıkış cihazının tam çözünürlüğünü ve kullanıcının ayarladığı ölçek faktörünü (çözünürlükten bağımsız UI, XP 'büyük yazı tipleri', vb.) Bilmediğiniz sürece Nokta Boyutu mutlak değildir. Ayrıca, iPhone 4 326 dpi, bu da 72 dpi'den önemli ölçüde daha fazla

— JBRWilkinson

@JBRWilkinson: Herhangi bir cihaz için mutlak bir ölçüdür. Birim kadar mutlak px; bir pikselin boyutu da belirli bir ekran için farklıdır.

— Guffa

Genişlik bildirimleri (genellikle sabit olan) için pikselleri kullanma eğilimindeyim, ancak yükseklik için em'ler. Bu şekilde düzen dikey olarak yeniden boyutlandırılır - ancak yatay tutarlılığı korur.

— sunwukung
kaynak

Mümkün olduğunca göreli / orantılı boyutlar kullanırım. Daha sonra mizanpajlarda değişiklik yapmayı çok daha kolay hale getirdiğini düşünüyorum. Ayrıca, bir üst öğeye göre bir boyut kullanmak, üst öğede yapılan bir değişikliğin kolayca aşağıya inmesi anlamına gelir.

Geleneksel olarak, göreli boyutların kullanılması sayfaların çeşitli çözünürlüklerde doğru görünmesine izin verdi ve özellikle tarayıcı yakınlaştırma veya minimum yazı tipi boyutları için yararlı oldu. Ancak modern tarayıcılar artık piksele özgü mizanpajlarla yeniden boyutlandırmayı ve hatta görüntüleri gerektiği gibi büyütmeyi başardı. Dolayısıyla, göreceli boyutlar kullanmak daha az önemli hale gelir.

— Matt S
kaynak