June 15
Progettare una pagina web e confuso su pixel (px), SME e percentuali? Ecco una spiegazione di ogni tipo di misura che può essere utilizzato per la visualizzazione su schermo.
1 In teoria, i pixel sono più vicino a una dimensione set che è possibile controllare come designer. Se si imposta il testo a 10px o 12px, dovrebbe rimanere in quel modo. In pratica, la maggior parte dei browser moderni consentono di zoom e dimensioni del testo modifiche e consentire agli utenti di ridimensionare gli elementi della pagina misurati in pixel in una certa misura.
2 I pixel sono più affidabili quando si imposta una larghezza fissa per tutto o parte di un layout. È possibile impostare una larghezza barra laterale a 200px, per esempio, e non si espanderà oltre. È possibile impostare un layout di tutta la larghezza a 800px e non sarà espandersi oltre che, anche se l'utente zooma per aumentare la dimensione del testo.
3 Ems rappresentano una misura relativa al formato della lettera M. In alcuni font la lettera M è maggiore che in altri, così SME sono considerati una misura relativa.
4 EMS può essere utilizzato per impostare le dimensioni dei caratteri e larghezze anche di elementi come le barre laterali o interi layout.
5 Quando viene utilizzato per impostare la dimensione del carattere, 1 em è uguale alla dimensione del carattere preferita dell'utente. Sulla maggior parte dei computer e nella maggior parte dei browser che funziona a circa 14 pixel. Quindi, una dimensione del carattere di 0.8em è più piccolo di dimensione del font preferito dell'utente, mentre un'impostazione di 1.3em è più grande.
6 Larghezza di elementi in un layout può anche essere espresso in em. Quando la pagina viene ingrandita, tutto cresce alla stessa misura relativa dell'allargamento. La disposizione e la dimensione del carattere sia aumentare. Il vantaggio di questo metodo è che il numero di parole in una riga di testo solitamente rimane lo stesso. Se la pagina viene ingrandita a 200 o 300 volte il normale, l'intero layout può espandersi tanto che l'utente deve scorrere orizzontalmente per leggere l'intera pagina.
7 Le percentuali anche in relazione alla dimensione del font preferito dell'utente. Un'impostazione del 100 per cento per la dimensione del carattere deve corrispondere la dimensione del carattere preferita dell'utente. Quindi, il 90 percento sarebbe leggermente più piccolo, mentre 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 impostati in percentuali possono essere ingrandite un numero illimitato di volte. Ciò può comportare parole diventare così grande che ci può essere solo una o due parole su una linea. In questa situazione l'utente deve scorrere verticalmente per leggere la pagina.