b2KIT

Viewport Width Calculator

Calculate viewport-relative CSS units (vw, vh, vmin, vmax) for responsive layouts.

16px
Pixels
0.8333vw
Viewport Width
1.4815vh
Viewport Height
Across Breakpoints
BreakpointWidthvw
Mobile S320px5vw
Mobile M375px4.2667vw
Mobile L425px3.7647vw
Tablet768px2.0833vw
Laptop1024px1.5625vw
Laptop L1440px1.1111vw
Desktop1920px0.8333vw
4K2560px0.625vw

Formulas

vw = (px / viewport_width) * 100
px = (vw / 100) * viewport_width

How to Use Viewport Width Calculator

  1. 1

    Enter a viewport width

    Type the screen width in pixels to calculate units for.

  2. 2

    Enter a target size

    Type the desired element size in pixels.

  3. 3

    Get vw value

    See the equivalent value in vw, vh, and other viewport units.

Related Tools