rem to vh

A converter that calculates the vh from a rem for given rem size and viewport height to make the measurement responsive

REM
REM Size
Viewport Height

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 REM".

Q

Focus the "REM" input.

W

Focus the "REM Size" input.

E

Focus the "Viewport Height" input.

FAQ

How to convert REM to VH?

To convert rem to vh, you should know total size of 1 REM, default is 16px, and size of viewport height Then, just apply formula: ((rem * rem size) / vh) * 100 For example, with 16px size of 1rem and 1000px of viewport height, 1rem will be converted to: ((1 * 16) / 1000) = 1.6vh

What is the REM to VH formula?

((rem * rem size) / vh) * 100

What is rem unit?

REM is defined relative to the font size of the root element. The root element is matched by the :root pseudo-class or the html selector. 1 REM therefore takes on the value which is given to the font-size of the root element. This means that 1 REM keeps the same value throughout your whole CSS code.

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.

REM to VH Conversion Table if rem size is 16px and viewport height size is 1080px

remvh
1rem1.481vh
2rem2.963vh
3rem4.444vh
4rem5.926vh
5rem7.407vh
6rem8.889vh
7rem10.37vh
8rem11.852vh
9rem13.333vh
10rem14.815vh
11rem16.296vh
12rem17.778vh
13rem19.259vh
14rem20.741vh
15rem22.222vh
16rem23.704vh
17rem25.185vh
18rem26.667vh
19rem28.148vh
20rem29.63vh
21rem31.111vh
22rem32.593vh
23rem34.074vh
24rem35.556vh
25rem37.037vh

More REM & VH Conversions