PX to VH
A converter that calculates the vh from a px for a given breakpoint to make the measurement responsive
Hot Keys
- C - Calculate and copy the result of calculation.
- V - Calculate the result.
- B - Copy the result of calculation.
- R - Reverse the converter to "VH to PX".
- Q - Focus the "Pixels" input.
- W - Focus the "Viewport Height" input.
FAQ
How to convert PX to VH?
To convert px to vh, you should know total viewport height for example 1000px. Then, just apply formula: px / viewport total height * 100. For example, with a viewport of 1000px, 200px will be converted to: 200 / 1000 * 100 = 20vh
What is the PX to VH formula?
px / viewport total height * 100
What is vh unit? (Viewport Height)
Used in responsive design, Viewport Height (VH) is a unit relative to web page display area called viewport. 1vh corresponds to 1% of display. So, to make an element full height, you should use 100vh. You can also use decimal values. Please note that, depending on browsers, decimal precision can change.
What is px unit? (Pixels)
Pixel unit is the theoretical smallest dot displayed on a computer screen. Nowadays, pixel unit can differ between physical resolution and logical resolution. This difference is called device pixel ratio or DPR.
PX to VH Conversion Table if viewport height size is 1080px
| px | vh |
|---|---|
| 10px | 0.9259vh |
| 20px | 1.8519vh |
| 30px | 2.7778vh |
| 40px | 3.7037vh |
| 50px | 4.6296vh |
| 60px | 5.5556vh |
| 70px | 6.4815vh |
| 80px | 7.4074vh |
| 90px | 8.3333vh |
| 100px | 9.2593vh |
| 110px | 10.1852vh |
| 120px | 11.1111vh |
| 130px | 12.037vh |
| 140px | 12.963vh |
| 150px | 13.8889vh |
| 160px | 14.8148vh |
| 170px | 15.7407vh |
| 180px | 16.6667vh |
| 190px | 17.5926vh |
| 200px | 18.5185vh |
| 210px | 19.4444vh |
| 220px | 20.3704vh |
| 230px | 21.2963vh |
| 240px | 22.2222vh |
| 250px | 23.1481vh |