2010-12-27 18 views
6

Estoy creando una aplicación personalizada para el iPad y puedo usar el código específico de webkit. Tengo dificultades con las imágenes de cambio de tamaño dinámico para que quepan en un contenedor div específico. ¿Hay código para hacer esto? ¿También está el código para recortar una imagen con una máscara si la imagen es vertical u horizontal?Redimensionamiento automático de imágenes en HTML5 CSS3 para iPad

Respuesta

15

La forma más fácil de cambiar automáticamente el tamaño de una imagen con CSS sencilla:

img { 
    max-width: 100%; 
} 

Sin CSS3 o HTML 5 mágica requerido. Aquí hay una publicación de blog con más información, y algunos JavaScript que mejoran la escala en IE: http://unstoppablerobotninja.com/entry/fluid-images/

+0

Hice un poco más de investigación y también encontré este blog. Me di cuenta de que también necesito incorporar el uso de la imagen de fondo para lo que necesito hacer. – beactive