Answers for "css font-size responsive to container"

1

responsive font size

div {
  font-size: clamp(16px, 3vw, 32px);
}
Posted by: Guest on May-09-2021
6

responsive font-size

/* please refer to https://developer.mozilla.org/fr/docs/Web/CSS/clamp() */
font-size: clamp(40px, 10vw, 70px); /* clamp(MIN, VAL, MAX) */
Posted by: Guest on December-09-2020
2

css text to fit container

//The viewport-percentage lengths are relative to the size of the initial
//containing block. When the height or width of the initial containing block
//are changed, they are scaled accordingly.
//vw = (% of the viewport width). So using it will look like this:
p {
    font-size: 2.5vw;
}
Posted by: Guest on July-06-2020

Code answers related to "css font-size responsive to container"

Browse Popular Code Answers by Language