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
6
A
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/
Cuestiones relacionadas
- 1. Redimensionamiento automático de la imagen en PdfPCell con iTextSharp
- 2. Comprobador de JavaScript para HTML5 y CSS3
- 3. HTML5/CSS3 classless framework
- 4. CSS3 Columnas e imágenes
- 5. video HTML5 en el iPad
- 6. HTML5 Video Layering en iPad
- 7. Un buen editor HTML5/CSS3
- 8. Insertar video HTML5 usando JavaScript para iPad
- 9. ¿Debo usar HTML5 y CSS3?
- 10. Rotar texto con CSS3/HTML5
- 11. Visor de imágenes en html5
- 12. Búsqueda de video HTML5 en el iPad
- 13. Opciones de animación HTML5 Canvas/CSS3/jQuery
- 14. iPad/iPhone video HTML5 cargando
- 15. Redimensionamiento de imagen para la galería de imágenes en Tridion 2011
- 16. iPad html5 video sin controles?
- 17. HTML5 localStorage space limit en iPad Safari
- 18. Mejore la velocidad de CSS3 en el iPad
- 19. HTML5 video en iPad y buscando
- 20. HTML5 Canvas (juego) en tabletas iPad/Android
- 21. Mostrar imágenes en línea en iPhone, iPad
- 22. autofocus con teclado en un ipad sitio html5
- 23. HTML5 Video en IPad Safari usando HTTPS
- 24. Etiqueta HTML5 frente a Div para cambio de tamaño automático
- 25. C# redimensionamiento de la imagen
- 26. ¿IE8 es compatible con HTML5 y CSS3?
- 27. Opensource/free HTML5/CSS3/JavaScript IDE?
- 28. HTML5 + Marco CSS3 como BluePrint/960gs?
- 29. Recorte automático de imágenes con PIL
- 30. Soporte de CSS3 para HTA
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