[Ovillo] Cambiar dimensiones de imágenes para css queries
Hola, tengo un problema al cambiar las dimensiones de las imágenes según el dispositivo, es decir al utilizar css queries y tener que cambiar las dimensiones de las imágenes utilizo max-width: 320px; pero esto me ajusta el ancho y no la altura , así que la imagen se deforma, y si le pongo un height debería ponerle a cada imagen uno y no puedo hacerlo para todas las imágenes a la vez, no se si me he explicado, hay alguna forma de que la imagen se re-dimensione sin deformarse? Muchas gracias m4tik ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Cambiar dimensiones de imágenes para css queries
Hola, para según que cosas no es muy apropiado, pero si no le pones height a la imagen en ningún lado, ni siquiera en el tag img, en principio debería mantenerse proporcional al width que tenga. saludos El 22/06/2011, a las 12:25, AngelPSan escribió: Hola, tengo un problema al cambiar las dimensiones de las imágenes según el dispositivo, es decir al utilizar css queries y tener que cambiar las dimensiones de las imágenes utilizo max-width: 320px; pero esto me ajusta el ancho y no la altura , así que la imagen se deforma, y si le pongo un height debería ponerle a cada imagen uno y no puedo hacerlo para todas las imágenes a la vez, no se si me he explicado, hay alguna forma de que la imagen se re-dimensione sin deformarse? Muchas gracias m4tik ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Cambiar dimensiones de imágenes para css queries
Hola de nuevo, si le pongo solo un ancho a la imagen en el estilo normal , cuando le aplico el max-width: 300px; al estilo para los teléfonos (por ejemplo), me distorsiona la imagen, al ancho me lo respeta y se queda a un máximo de 300 px pero la altura no es proporcional. También he probado con porcentajes y no hay manera . ;( Gracias M4tik ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Cambiar dimensiones de imágenes para css queries
Hola, Prueba con esto
img {
max-width: 320px;
height: auto;
-ms-interpolation-mode: bicubic; /* ie6 y ie7 */
}
saludos
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Cambiar dimensiones de imágenes para css queries
Hola de nuevo , he probado el código que me ha mandado Jesús y funciona;
En concreto ...
img.portfolio_img {
max-width: 320px;
height: auto;
-ms-interpolation-mode: bicubic; /* ie6 y ie7 */
}
Muchas gracias por tu ayuda Jesus,
M4tik
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
