Convierte píxeles a unidades de ancho de viewport al instante. Introduce px y ancho de viewport para valores vw fluidos en layouts y tipografía.
| Unidad | 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 |
Introduce un valor en píxeles para convertirlo a unidades de ancho de viewport. La conversión expresa tu tamaño px como porcentaje del viewport, así el layout y la tipografía escalan con la ventana en vez de saltar entre breakpoints.
| Píxeles | Vw (1440px) | Vw (390px móvil) |
|---|---|---|
| 16px | 1.111vw | 4.103vw |
| 32px | 2.222vw | 8.205vw |
| 48px | 3.333vw | 12.308vw |
h1 {
font-size: clamp(1.75rem, 1rem + 3vw, 3rem);
}
Los términos rem anclan la accesibilidad; el término vw añade crecimiento fluido. Convierte tus px objetivo aquí y colócalos en clamp.
Para unidades relativas a fuente prueba Px a Rem o mira todas en el CSS Units Converter.
Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.