javascript clamp code example
Example 1: js clamp
function clamp(n, min, max) {
if(n > max){
return max;
} else if(n < min){
return min
} else{
return n;
}
}
//clamp(202, 1,100); //returns 100
//clamp(50,1,100); //returns 50
//clamp(-3,1,100); //returns 1
Example 2: css clamp
width: clamp(400px, 60vw, 600px);
div {
font-size: clamp(1.1rem, 0.7153rem + 1.6368vw, 1.5rem);
}
.logo {
width: clamp(350px, 75%, 800px);
}
And the font’s CSS is:
.title {
font-size: clamp(1.5rem, 5vw, 4rem);
}