unità CSS
CSS ha diversi diverse unità utilizzate per rappresentare la lunghezza.
Alcune proprietà sono impostate CSS lunghezza larghezza, margine, padding, font-size, border-width, e così via.
Lunghezza e una unità digitali come 10px, 2em, e così via.
Non è possibile avere spazi tra i numeri e le unità. Se la lunghezza è 0, l'unità può essere omesso.
Per alcune proprietà CSS, la lunghezza può essere negativo.
Ci sono due tipi di unità di lunghezza: relativi e assoluti.
Supporto per il browser
La seguente tabella indica le versioni minime di browser che supportano unità di lunghezza.
Unità di lunghezza | |||||
---|---|---|---|---|---|
em, ex,%, px, cm, mm, in, pt, pc | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
ch | 27,0 | 9.0 | 1.0 | 7.0 | 20,0 |
rem | 4.0 | 9.0 | 3.6 | 4.1 | 11.6 |
vh, vw | 20,0 | 9.0 | 19,0 | 6.0 | 20,0 |
Vmin | 20,0 | 9,0 * | 19,0 | 6.0 | 20,0 |
Vmax | 26.0 | Non supporta | 19,0 | Non supporta | 20,0 |
Nota: Internet Explorer 9 da parte di non-standard di nome VM supporto Vmin.
lunghezza relativa
unità di lunghezza relative specificano una lunghezza relativa alla lunghezza della proprietà di un altro. A seconda del dispositivo relative lunghezze più adatto.
unità | descrizione | Esempi online |
---|---|---|
em | È descritto con riferimento all'applicazione della dimensione del font dell'elemento corrente, è anche unità di lunghezza relative. Di solito la dimensione del font di default del browser è 16px, quindi 2em == 32px; | provare |
ex | picture inglese dipende dall'altezza del piccolo x | provare |
ch | La larghezza del numero 0 | |
rem | elemento radice (html) Il font-size | |
vw | larghezza punto di vista, la larghezza della finestra, 1vw = 1% della larghezza della finestra | provare |
vh | Altezza punto di vista, altezza della finestra, 1VH = altezza della finestra del 1% | provare |
Vmin | VW e vh più piccolo. | provare |
Vmax | VW e vh più grande. | provare |
% |
Suggerimento: em reme che differenza fa? Solo che l'elemento rem impostare la dimensione del carattere è ancora relativamente dimensioni, ma solo l'elemento radice HTML opposto. |
lunghezza assoluta
unità di lunghezza assoluta è un valore fisso, riflette una vera dimensione fisica. unità di lunghezza assolute sono fortemente dipendenti dal mezzo di uscita, non dipendono dall'ambiente (monitor, risoluzione, sistema operativo, ecc).
unità | descrizione | Esempi online |
---|---|---|
cm | cm | provare |
mm | millimetro | provare |
in | Pollici (1in = 96px = 2.54cm) | provare |
px * | Pixel (1px = 1/96 ° di 1in) | provare |
pt | punto, circa 1/72 di pollice; (1pt = 1 / 72in) | provare |
pc | pica, circa 6pt, 1/6 Yingcun; (1pc = 12 pt) | provare |
Forse il pixel è considerato essere i migliori "pixel del dispositivo" e questa lunghezza pixel e si vede il testo sul display pixel irrilevanti. px è in realtà una misura di un'unità angolare.