Converta pixels em unidades de largura de viewport na hora. Digite px e largura do viewport para valores vw fluidos em layouts e tipografia.
| Unidade | Valor | |
|---|---|---|
| pxPixel | 16 | |
| ptPoint | 12 | |
| pcPica | 1 | |
| cmCentimeter | 0.42333333 | |
| mmMillimeter | 4.2333333 | |
| inInch | 0.16666667 | |
| remRoot em | 1 | |
| emEm | 1 | |
| vwViewport width | 1.1111111 | |
| vhViewport height | 1.7777778 | |
| vminViewport minimum | 1.7777778 | |
| vmaxViewport maximum | 1.1111111 | |
| exx-height (approx) | 2 | |
| chCharacter width (approx) | 1.6666667 |
Digite um valor em pixels para converter em unidades de largura de viewport. A conversão expressa seu tamanho px como porcentagem do viewport, assim layout e tipografia escalam com a janela em vez de pular entre breakpoints.
| Pixels | Vw (1440px) | Vw (390px mobile) |
|---|---|---|
| 16px | 1.111vw | 4.103vw |
| 32px | 2.222vw | 8.205vw |
| 48px | 3.333vw | 12.308vw |
h1 {
font-size: clamp(1.75rem, 1rem + 3vw, 3rem);
}
Os termos rem ancoram a acessibilidade; o termo vw adiciona crescimento fluido. Converta seus px alvo aqui e coloque no clamp.
Para unidades relativas à fonte teste Px para Rem ou veja todas no CSS Units Converter.
Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.