Percentuale o Pixel per i layout?

Quale unità utilizzi dipende interamente da ciò che desideri ottenere. Le unità più utilizzate nei layout Web sono:

• px - assoluto; un pixel
• pt - absolute; 1/72 di pollice, circa 1,3 px per il supporto dello schermo
• em - relativo alla dimensione del carattere del genitore; 1.0em = dimensione di un carattere (larghezza della lettera maiuscola M)
• % - relativo al genitore

Si utilizza px per dimensioni che rimangono costanti, ad esempio un bordo di 1 pixel.
Si utilizza em per le dimensioni che dovrebbero seguire la dimensione del carattere, ad esempio un margine di 3,0em.
Puoi utilizzare% per le dimensioni che dovrebbero occupare una percentuale del genitore, ad esempio una larghezza del 50%.

Per i layout di pagine web normalmente usi pixel o percentuali a seconda se vuoi un layout fisso (pixel) o un layout basato su fluido (percentuale).

Tendo ad usare i pixel per le dichiarazioni di larghezza (che generalmente sono fisse), ma per l'altezza di em. In questo modo il layout viene ridimensionato verticalmente, ma mantiene la coerenza orizzontale.

Uso dimensioni relative / proporzionate quando possibile. Trovo che sia molto più facile apportare modifiche ai layout in seguito. Inoltre, l'uso di una dimensione relativa a un elemento genitore significa che una modifica al genitore facilmente scorre verso il basso.

Tradizionalmente, l'uso delle dimensioni relative consentiva anche alle pagine di apparire corrette in varie risoluzioni ed era particolarmente vantaggioso per lo zoom del browser o le dimensioni minime dei caratteri. Ma i browser moderni ora gestiscono il ridimensionamento estremamente bene con layout specifici per pixel, persino ingrandendo le immagini secondo necessità. Quindi è diventato meno importante utilizzare le dimensioni relative.