• PymeWebApp

Ajustar el ancho de las imágenes a la pantalla

Al editar cualquier contenido que incluya imágenes donde puedas personalizar el tamaño es recomendable que lo fijes al ancho automático del dispositivo para que en todos los dispositivos se vea de la misma manera, es decir, hacer un diseño responsivo.


Por ejemplo, si fijamos una imagen es demasiado ancha en píxeles (px) obligará a mostrar las barras laterales (izquierda). Sin embargo, fijando el ancho al 100% se ajustará de manera automática (derecha):


Desarrollo Aplicaciones Movil. PymeWebApp.com
Desarrollo Aplicaciones Movil. PymeWebApp.com

Para solucionar esto es muy sencillo: sólo tienes que ir al editor de contenido de la funcionalidad en la que estás trabajando y fijar el ancho (width) de la imagen al valor "100%". Alto (height) habría que dejarlo vacío:


Desarrollo Aplicaciones Movil. PymeWebApp.com
Desarrollo Aplicaciones Movil. PymeWebApp.com

Asegúrate de pulsar el botón "Update".


Una vez hagas los cambios en la imagen o imágenes necesarias y guardes los cambios podrás ver cómo en diferentes dispositivos se adapta al ancho de la pantalla.


Más información

Entradas Recientes

Ver todo

Restablecer datos de la PWA

En algunas ocasiones puede ser necesario restablecer los datos de las PWA para limpiar los archivos basura que se hayan podido generar ...