es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Tener el tamaño de fuente de un div como un porcentaje del tamaño del div padre.

26 Jul, 2023 Programación 

  

    Hola allí
  




Mi entendimiento un tanto limitado de CSS es que font-size: 1em ajustará el tamaño de "hola allí" en referencia a un porcentaje del ancho del propio elemento: el ancho de "Child".

Suponiendo que esto sea correcto, ¿es posible, solo mediante CSS, ajustar el tamaño del contenido de "Child" en referencia a un porcentaje del ancho de su elemento padre ("Parent")?
Tags:  ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Sí, es posible que el contenido “Child’s” se ajuste a un porcentaje del ancho de su elemento padre “Parent” en lugar de su propio ancho. Esto se puede lograr utilizando la propiedad CSS font-size: 1vw en el elemento padre “Parent” en lugar del elemento hijo “Child”. Esto establecerá el tamaño de fuente del elemento hijo “Child” al 1% del ancho del elemento padre “Parent”.

    Aquí está el código actualizado:

    <div id="parent" style="width: 100px; height: 100px; font-size: 1vw;">
  <div id="child" style="width: 20px; height: 20px;">
    Hola
  </div>
</div>

    Ten en cuenta que se agrega la propiedad de tamaño de fuente al elemento “Parent” y se elimina del elemento “Child”.

Comments are closed.