Lista altezze CSS per Internet Explorer 7

September 11

Con i fogli di stile a cascata, o CSS, se il vostro font, contenitori, bordi, padding e margini di qualsiasi elemento sul tuo sito web è possibile specificare l'altezza. Diverse dimensioni di altezza esistenti che consentono di personalizzare la pagina per le preferenze quando si visualizza in Internet Explorer o un altro browser.

pixel

Diversi sviluppatori web di default ai pixel come unità di misura per altezza o larghezza, perché è possibile ottenere una misura precisa per l'oggetto. I pixel sono il nome dei piccoli rettangoli che compongono ogni immagine su uno schermo. Anche se l'utente può modificare la risoluzione in modo che lo schermo mostrerà pixel più o meno, un oggetto avrà sempre la stessa altezza. Ad esempio, se si specifica un'altezza di 600 pixel per un livello DIV, il DIV rimarrà la stessa altezza indipendentemente dalla risoluzione. risoluzioni più grandi mostreranno più spazio vuoto attorno al DIV, perché monitor dell'utente è impostato per visualizzare più pixel.

percentuali

È possibile specificare che un oggetto avrà un'altezza che è una percentuale dell'altezza del contenitore. Se si utilizza un layer DIV in una pagina Web senza altri contenitori, altezza 50 per cento creerà un DIV che è del 50 per cento alto come la finestra del browser. Si noti che percentuali possono cambiare se il recipiente e il browser non è ingrandita. Il contenuto non può essere visualizzato come ti piace a seconda della risoluzione dello spettatore. Ad esempio, se il visitatore utilizza una risoluzione dello schermo di 800 x 600 pixel, il 50 per cento dell'altezza sarà leggermente più di 300 pixel. Una risoluzione di 1600 x 900 pixel offre una maggiore altezza complessiva.

unità fisiche

CSS permette di specificare le dimensioni degli oggetti in unità fisiche come pollici, centimetri e millimetri. Per utilizzare una di queste unità fisiche come altezza, utilizzare le etichette "a", "cm" e "mm", rispettivamente. Queste unità sono forse meno utile quando si progetta per Internet Explorer 7 e altri browser, a causa della gamma di dimensioni del monitor e l'altezza a rapporti di larghezza dello schermo del visitatore, su cui non abbiamo alcun controllo.

Em

L'unità di altezza "em" è uguale alla dimensione del font corrente. Se si specifica un line-height di 3-em, ad esempio, la linea sarà tre volte l'altezza del vostro carattere. Se il visitatore consente di regolare la dimensione del testo nel suo browser qualsiasi altezza che si è specificato in em si regola di conseguenza. Si possono trovare utile questa unità per altezze di linea e imbottitura tra gli elementi, ma meno utile per gli elementi più grandi sulla vostra pagina Web.

miscellaneo

Alcune misure di altezza meno comuni che si possono utilizzare quando si scrive codice per i browser includono "ex". Questa rappresenta la "x-height" del vostro carattere o circa la metà dell'altezza del carattere. Punti, che utilizzano l'etichetta di "pt" sono leggermente più comuni e un unico punto equivale a 1/72 di pollice. Il "pc", etichetta o pica è la stessa di 12 punti o 12/72 di pollice.