La progettazione di una pagina web e confuso su pixel (px), ems e percentuali? Ecco una spiegazione di ogni tipo di misura che può essere utilizzato sullo schermo per visualizzare.

Istruzioni

1

In teoria, i pixel sono la più vicina a una dimensione di set che è possibile controllare come designer. Se si imposta testo a 10px o 12px, dovrebbe rimanere in questo modo. In pratica, i browser più moderni consentono lo zoom e testo modifiche di dimensioni e consentono agli utenti di ridimensionare gli elementi di pagina misurati in pixel in una certa misura.

2

I pixel sono più affidabili quando si imposta una larghezza fissa per tutti o parte di un layout. È possibile impostare una larghezza di sidebar a 200px, ad esempio, e non si espanderà oltre quello. È possibile impostare una larghezza dell'intero layout a 800px e non si espanderà di là di questo, anche se l'utente esegue lo zoom per aumentare la dimensione del testo.

3

EMS rappresentano una misura relativa alla dimensione della lettera M. In alcuni font la lettera M è più grande negli altri, così ems sono considerati una misura relativa.

4

EMS può essere utilizzato per impostare le dimensioni dei caratteri e anche larghezze di elementi come barre laterali o intero layout.

5

Quando utilizzato per impostare la dimensione del carattere, 1 em equivale a dimensione caratteri preferita dell'utente. Maggior parte dei computer e nella maggior parte dei browser che funziona a circa 14 pixel. Così una dimensione pari a 0.8 em è più piccola di dimensione caratteri preferita dell'utente, mentre un'impostazione di 1.3em è più grande.

6

Larghezza degli elementi in un layout può essere espressa anche in ems. Quando la pagina viene ingrandita, tutto cresce presso la stessa misura relativa dell'allargamento. Il layout e il tipo di carattere dimensione sia incremento. Il vantaggio di questo metodo è che il numero di parole in una riga di testo di solito rimane lo stesso. Se la pagina viene ingrandita a 200 o 300 volte normale, che l'intero layout può espandere così tanto che l'utente deve scorrere in orizzontale per leggere l'intera pagina.

7

Percentuali anche legate alla dimensione caratteri preferita dell'utente. Un'impostazione pari a 100 per cento per la dimensione del carattere deve corrispondere la dimensione caratteri preferita dell'utente. Quindi, il 90 per cento sarebbe leggermente più piccolo, mentre il 110 percento sarebbe leggermente più grande.

8

Per le percentuali in un layout, la larghezza massima è 100 per cento. Non importa quanto la pagina viene ingrandita, il layout non può ottenere più grande di 100 per cento della finestra del browser.

9

Le dimensioni dei caratteri fissate in percentuale possono essere ingrandito un numero qualsiasi di volte. Questo può comportare parole diventando così grande che ci possono essere solo una o due parole su una riga. In questo caso l'utente deve scorrere verticalmente per leggere la pagina.

Consigli & Avvertenze

• Pixel, ems e percentuali ogni hanno il loro posto e possono essere miscelate in una pagina web per poter sfruttare le particolari esigenze del design.