Necesito cambiar el tamaño de la fuente (como vw) de mi etiqueta p con un tamaño basado en 16 px, en proporción al tamaño de su cuadro. 16px en vw es igual a 1.119vw, pero este es el 100% del ancho; en mi caso necesito el 50% de vw.
<div class="box"> <p> Resize my text </p> </div> .box { width: 50%; } p { font-size: 16px; }ya que no proporciona expectativas claras. puedes hacer algo como:
font-size: calc(1.119vw / 2); para calcular un tamaño de fuente en píxeles dependiendo de vw y luego dividir por 2 para lograr esto.