PX to VH Converter

Convert pixel values to responsive vh units based on viewport height.

PX ↔︎ VH Converter

Tip: on mobile, dvh reflects browser UI changes.

size in px

result

height: 39.0625vh;
more CSS snippets
height: 39.0625vh;
margin-top: 39.0625vh;
padding-top: 39.0625vh;
min-height: 39.0625vh;

Fluid clamp() between heights

min window (px)
max window (px)
min size (px)
max size (px)
property
height: clamp(80px, calc(54.6875vh + -230.625px), 360px);

Formula: clamp(min, calc(slope * 100vh + intercept), max), slope = (maxPx − minPx)/(maxH − minH).