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
| Breakpoint | Width | vw |
|---|---|---|
| Mobile S | 320px | 5vw |
| Mobile M | 375px | 4.2667vw |
| Mobile L | 425px | 3.7647vw |
| Tablet | 768px | 2.0833vw |
| Laptop | 1024px | 1.5625vw |
| Laptop L | 1440px | 1.1111vw |
| Desktop | 1920px | 0.8333vw |
| 4K | 2560px | 0.625vw |
Formulas
vw = (px / viewport_width) * 100
px = (vw / 100) * viewport_width
How to Use Viewport Width Calculator
- 1
Enter a viewport width
Type the screen width in pixels to calculate units for.
- 2
Enter a target size
Type the desired element size in pixels.
- 3
Get vw value
See the equivalent value in vw, vh, and other viewport units.
Related Tools
CSV to JSON Converter
Convert CSV data into structured JSON arrays or objects with automatic type detection.
JSON to CSV Converter
Transform JSON arrays and objects into downloadable CSV spreadsheet format.
YAML to JSON Converter
Convert YAML configuration files to JSON format with validation and formatting.
XML to JSON Converter
Parse XML documents and convert them to equivalent JSON structure with attributes.
TSV to CSV Converter
Convert tab-separated values to comma-separated format with proper escaping.
Number Base Converter
Convert numbers between binary, octal, decimal, and hexadecimal bases.