Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

[Duda] Utilización VW, PX o %

Buenas noches

Agradezco su ayuda de antemano por favor cuándo utilizar ViewPort , Pixel o porcentaje para el tratamiento de imagenes.

Saludos a todos.

1 respuesta
solución!

¡Hola Narling!

Es genial que estés interesado en aprender sobre layouts responsivos y cómo trabajar con imágenes en ellos. Te explicaré brevemente cuándo utilizar VW, PX o %.

  • VW (Viewport Width): Se utiliza para establecer tamaños en relación con el ancho del viewport. Por ejemplo, si quieres que una imagen ocupe el 50% del ancho de la pantalla, puedes usar "50vw".

  • PX (Pixels): Se utiliza para establecer tamaños en píxeles fijos. Por ejemplo, si quieres que una imagen tenga un ancho de 300 píxeles, puedes usar "300px".

  • % (Porcentaje): Se utiliza para establecer tamaños en relación con el contenedor padre. Por ejemplo, si quieres que una imagen ocupe el 75% del ancho de su contenedor, puedes usar "75%".

La elección entre VW, PX o % dependerá del diseño que estés creando y de tus necesidades específicas. Por ejemplo, si quieres que una imagen se ajuste automáticamente al tamaño de la pantalla, puedes usar VW. Si necesitas un tamaño fijo, puedes usar PX. Y si quieres que una imagen se ajuste al tamaño de su contenedor, puedes usar %.

Recuerda que es importante considerar la experiencia del usuario en diferentes dispositivos al elegir qué unidad de medida utilizar. Puedes probar diferentes opciones y ver cómo se ven en diferentes pantallas para encontrar la que mejor se adapte a tus necesidades.

¡Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)