Issue #3056✓ ResueltoAbierto el 30 de septiembre de 2020por mickerReacciones 2

LOGRO: opción para diseño responsivo

Respuesta rápidapor MartinPutz2

@micker Si te entiendo bien, esto ya está implementado: cuando cambias los estilos de un componente en un dispositivo dado, se usará una consulta multimedia. Puedes verlo en la página de la demo: https://grapesjs.com/demo.html Puedes cambiar el dispositivo a móvil, cambiar el ancho de algo y volver al escritorio. El c...

Lee la respuesta completa abajo ↓

Pregunta

Hola, no estoy seguro de que no esté ya implementado, pero no encontré dónde => con grap podemos cambiar la pantalla para comprobar la opción de respuesta pero no podemos cambiar la opción para un dispositivo específico? Como cambiar el tamaño del bloque en el smartphone Ejemplo ! imagen ¿Qué opinas de esto?

Respuestas (3)

👍 Muy útilMartinPutz3 de octubre de 2020

@micker Si te entiendo bien, esto ya está implementado: cuando cambias los estilos de un componente en un dispositivo dado, se usará una consulta multimedia.

Puedes verlo en la página de la demo: https://grapesjs.com/demo.html

Puedes cambiar el dispositivo a móvil, cambiar el ancho de algo y volver al escritorio. El cambio solo se aplica al dispositivo móvil. Puedes hacer clic en el icono de ver código en la parte superior, bajar hasta abajo y verás las consultas de medios.

micker3 de octubre de 2020

Ah, genial

theSC0RP21 de octubre de 2020

@MartinPutz he implementado la función de respuesta que se muestra en la guía para empezar, pero cuando hago clic en el icono del móvil, el diseño solo se aplasta. (La disposición de dos columnas no cambia a dos filas. Solo se reduce el ancho) ¿Podríais ayudarme si habéis trabajado en el diseño responsivo?

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.