What is 1vw in pixels?

1vw equals 1% of the viewport width. On a 1440px wide screen, 1vw = 14.4px. On a 375px wide screen, 1vw = 3.75px.

What is the difference between vmin and vmax?

vmin is 1% of the smaller viewport dimension (width or height, whichever is less). vmax is 1% of the larger dimension. On a 1440×900 screen, 1vmin = 9px (1% of 900) and 1vmax = 14.4px (1% of 1440).

When should I use vh vs vw?

Use vw for horizontal sizing (widths, horizontal padding) and vh for vertical sizing (heights, full-screen sections). Use vmin for content that must fit both dimensions, and vmax for elements that should fill the larger axis.

Do viewport units account for scrollbars?

In most browsers, vw and vh are measured against the full viewport including any scrollbar area on desktop. On mobile they can also change when the browser UI (address bar) shows or hides. The dvh, svh, and lvh units address this, but this tool calculates the classic vw/vh/vmin/vmax.

How do I convert px to vw?

vw = (px / viewport-width) × 100. For example, 240px on a 1440px screen = (240 / 1440) × 100 = 16.667vw. This tool does the math for you.

Viewport Unit Calculator

Name: Viewport Unit Calculator
Availability: InStock
Author: Nham Vu

Enter a viewport percentage or pixel value to convert between vw, vh, vmin, vmax and pixels for any screen size.

Viewport Size

Width (px)

Height (px)

Viewport Unit

1vw = 1% of viewport width

Viewport Value

Reference Table

vw at 1440px wide

Unit	Pixels	Common use

Copied!

Summary

Enter a viewport percentage or pixel value to convert between vw, vh, vmin, vmax and pixels for any screen size.

How it works

Set the viewport width and height to match your target screen size (or use the device presets).
Choose a unit type: vw, vh, vmin, or vmax.
Enter a viewport percentage value to see the equivalent pixels, or enter pixels to convert back.
Copy the result with the Copy button.
Scroll down to the reference table to see common percentages for the current viewport.

Use cases

Calculate the pixel size of a 50vw element on a 1440px wide screen.
Convert a design spec in pixels to the correct vw or vh percentage for responsive layouts.
Verify that a fluid font size using vmin renders correctly across breakpoints.
Check vmax values when building full-screen hero sections or modals.
Use the reference table to pick the right viewport percentage without guessing.
Test responsive spacing tokens by comparing px and vw side by side.

Frequently Asked Questions

Last updated: 2026-07-01 · Reviewed by Nham Vu