unidade de CSS
CSS tem várias unidades diferentes usados para representar o comprimento.
Algumas propriedades são definidas largura CSS comprimento, margem, estofamento, font-size, border-width, e assim por diante.
Comprimento e uma unidades digitais, tais como 10px, 2em, e assim por diante.
não pode ter espaços entre os números e unidades. Se o comprimento é 0, a unidade pode ser omitido.
Para algumas propriedades CSS, o comprimento pode ser negativo.
Existem dois tipos de unidades de comprimento: relativa e absoluta.
Suporte a navegadores
A tabela a seguir indicam as versões mínimas de navegadores que suportam unidades de comprimento.
Unidade de comprimento | |||||
---|---|---|---|---|---|
em, ex,%, px, cm, mm, em, pt, pc | 1.0 | 3.0 | 1.0 | 1.0 | 3,5 |
ch | 27,0 | 9 | 1.0 | 7 | 20,0 |
rem | 4.0 | 9 | 3.6 | 4.1 | 11,6 |
vh, vw | 20,0 | 9 | 19,0 | 6 | 20,0 |
Vmin | 20,0 | 9.0 * | 19,0 | 6 | 20,0 |
Vmax | 26,0 | Não suporta | 19,0 | Não suporta | 20,0 |
Nota: Internet Explorer 9 por vmin suporte nome vm não-padrão.
comprimento relativo
unidades de comprimento relativo especifique um comprimento em relação ao comprimento da propriedade do outro. Dependendo do dispositivo os comprimentos relativos mais apropriada.
unidade | descrição | exemplos on-line |
---|---|---|
em | Ela é descrita em relação à aplicação do tamanho da fonte do elemento de corrente, é também unidades de comprimento relativo. Normalmente, o tamanho da fonte padrão do navegador é 16px, então 2em == 32px; | tentar |
ex | Inglês imagem depende da altura do pequeno X | tentar |
ch | A largura do número 0 | |
rem | elemento raiz (html) O font-size | |
vw | largura ponto de vista, a largura da janela, 1vw = 1% da largura da janela | tentar |
vh | altura ponto de vista, altura da janela, 1vh = altura da janela de 1% | tentar |
Vmin | vw e vh menor. | tentar |
Vmax | vw e vh maior. | tentar |
% |
Dica: em reaise que diferença faz? Só que o elemento rem definir o tamanho da fonte é ainda relativamente tamanho, mas apenas o elemento raiz HTML oposto. |
comprimento absoluto
unidade de comprimento absoluto é um valor fixo, que reflecte um tamanho físico real. unidades de comprimento absoluto, são altamente dependentes do meio de saída, que não depende do ambiente (monitor, da resolução do sistema operacional, etc.).
unidade | descrição | exemplos on-line |
---|---|---|
cm | cm | tentar |
mm | milímetro | tentar |
em | Polegada (1 pol = 96px = 2,54 centímetros) | tentar |
px * | Pixel (1px = 1/96 de 1 pol) | tentar |
pt | ponto, cerca de 1/72 de polegada; (1pt = 1 / 72in) | tentar |
pc | pica, cerca de 6pt, 1/6 Yingcun; (1pc = 12 pt) | tentar |
Talvez o pixel é considerado para ser o melhor "pixels de dispositivo" e este comprimento de pixel e você vê o texto sobre os pixels da tela do visor irrelevantes. px é realmente uma medida de uma unidade de ângulo.