greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
freeCodeCamp/guide/spanish/certifications/responsive-web-design/responsive-web-design-princ.../make-an-image-responsive/index.md

527 B
Raw Blame History

title localeTitle
Make an Image Responsive Hacer una imagen receptiva

Hacer una imagen receptiva

Siguiendo las instrucciones:

Agregue reglas de estilo para la etiqueta img para que responda al tamaño de su contenedor. Debe mostrarse como un elemento de nivel de bloque, debe ajustarse a todo el ancho de su contenedor sin estirarlo y debe mantener su relación de aspecto original.

El estilo se convierte en:

<style> 
  img { 
  max-width: 100%; 
  display: block; 
  height: auto; 
 } 
 </style>