Tema: ajustar imagen al body
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/08/2018, 07:47
azaz
 
Fecha de Ingreso: enero-2011
Mensajes: 1.150
Antigüedad: 13 años, 10 meses
Puntos: 10
ajustar imagen al body
Como se debe hacer para ajustar una imagen al cuerpo del documento sin que se deforme. intente de esta forma.

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. body{
  4.     position:fixed;
  5.     width:100%;
  6.     height:100%; 
  7.     max-width:1200px;
  8. }
  9. img{
  10.     width:100%; 
  11.     height:auto;
  12. }
  13. img:
  14. </head>
  15. <body>
  16. <img src='miImagen.jpg'>
  17. </body>
  18. </html>


de esta forma el problema lo tengo que si el ancho del dispositivo es mayor que la altura, la altura de la imagen no se ve, en este caso tendria que cambiar el width y height de la imagen.
Lo que pretendo es mostrar la imagen en proporcion aprovechando el ancho o alto del dispositivo.