Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje03-09-2017, 23:26 (UTC)    
Título del mensaje: imagenes derformadas en diseño movil

cuando incluyo imagenes en mi pagina, en la version web me aparecen en un formato correcto, bien cuadradas, pero en la versión movil aparecen tan alargadas que queda completamente deformada la imagen. ¿cómo puedo solucionarlo? ¿habria un editor especial para la versión móvil? en el caso de algunas de las imagenes que me aparecen deformadas, no pude agregarlas de la marera habitual (pinchando donde pone agragar imagen), no me dejaba, por lo que las incluí por copia y pega, eso puede influir?
espero respuesta
muchas gracias
Mensaje04-09-2017, 04:46 (UTC)    
Título del mensaje: Re: imagenes derformadas en diseño movil

saludos, existe una solucion, y es ponerle parametro de ncho con porcentage..

pon las imagenes asi: <img width="100%" ....

eso lo que hace es que se adapten al tamaño segun estires o encojes la web.
______________

10 años ayudando a la comunidad!!
>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Mensaje06-09-2017, 18:39 (UTC)    
Título del mensaje:

¡Hola!

Hay una forma más fácil de redimensionar todas las imágenes a la vez, utilizando CSS.

El siguiente código debes de pegarlo en la siguiente ruta:
Identifícate >> Diseño >> Diseño Móvil >> Texto sobre el contenido de una sub-página

Código:
<style type="text/css">
img {
    max-width: 100%!important;
    height: auto!important;
}
</style>


Ahora todas las imágenes deberían de conservar su proporción en la versión móvil
¡Saludos!
______________
/* Programador web freelance. */
/* Skype: j.f.delarosa */
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group