vw para em
Um conversor que calcula o em a partir de um vw para um tamanho de em e largura de viewport dados, para tornar a medida responsiva
Teclas de atalho
Calcula e copia o resultado do cálculo.
Calcula o resultado.
Copia o resultado do cálculo.
Inverte o conversor para "EM para VW".
Foca o campo "Largura da janela de visualização".
Foca o campo "Unidade VW".
Foca o campo "Tamanho EM".
FAQ
Como converter VW para EM?
Para converter vw para em, você deve conhecer o tamanho total de 1 EM (padrão é 16px) e o tamanho da largura do viewport Em seguida, aplique a fórmula: ((vw * largura total do viewport) / 100) / tamanho em Por exemplo, com um tamanho de 1em de 16px e largura de viewport de 1920px, 5vw será convertido para: ((5 * 1920) / 100) / 16 = 6em
Qual é a fórmula de VW para EM?
((vw * largura total do viewport) / 100) / tamanho em
O que é a unidade em?
EM é definido em relação ao tamanho da fonte do elemento pai. Portanto, 1 EM assume o valor atribuído à propriedade font-size do elemento pai.
O que é a unidade vw? (Largura da viewport)
Usada no design responsivo, a Largura da Viewport (VW) é uma unidade relativa à área de exibição da página web, chamada viewport. 1vw corresponde a 1% da exibição. Assim, para tornar um elemento com largura total, você deve usar 100vw. Você também pode usar valores decimais. Observe que, dependendo do navegador, a precisão decimal pode mudar.
Tabela de conversão de VW para EM se a largura do viewport for 1920px e o tamanho em for 16px
| vw | em |
|---|---|
| 1vw | 1.2em |
| 2vw | 2.4em |
| 3vw | 3.6em |
| 4vw | 4.8em |
| 5vw | 6em |
| 6vw | 7.2em |
| 7vw | 8.4em |
| 8vw | 9.6em |
| 9vw | 10.8em |
| 10vw | 12em |
| 11vw | 13.2em |
| 12vw | 14.4em |
| 13vw | 15.6em |
| 14vw | 16.8em |
| 15vw | 18em |
| 16vw | 19.2em |
| 17vw | 20.4em |
| 18vw | 21.6em |
| 19vw | 22.8em |
| 20vw | 24em |
| 21vw | 25.2em |
| 22vw | 26.4em |
| 23vw | 27.6em |
| 24vw | 28.8em |
| 25vw | 30em |
Mais conversões de VW e EM
