Issue #1506💬 RespondidoAbierto el 11 de octubre de 2018por YashPrinceReacciones 1

Problema con la consulta de medios en CSS

Respuesta rápidapor artf1

@Sharsie #1996

Lee la respuesta completa abajo ↓

Pregunta

Hola @artf Hay un problema en la página de demostración y en la biblioteca en media query. El problema es que si el usuario actualiza el estilo primero en la vista móvil y luego en la vista de pestañas y luego en media consult, no funciona en la vista móvil. Si actualizamos primero el estilo para escritorio, luego la pestaña y móvil en tercero, todo funciona bien Pero si invertimos primero la vista móvil, segunda la vista de pestañas y tercera la vista de escritorio, luego CSS/Media Query No funcionará para la vista de tabulación y escritorio.

@media (ancho máximo: 480px) {
    #if70u {
        tamaño de fuente: 20px;
    }
}

@media (max-width: 992px) {
    #if70u {
        tamaño de fuente: 40px;
    }
}

Creo que fue porque 480 debería estar caído y 992 debería estar por encima. ¡Cualquier ayuda sería bienvenida, gracias!

Respuestas (3)

artf12 de mayo de 2019

@Sharsie #1996

YashPrince12 de octubre de 2018

@artf problema es que si añadimos primero un estilo móvil y luego en la pestaña de la vista móvil, el CSS de la vista móvil se anula por vista de pestaña y todo el CSS aplicado a la vista móvil no se aplicará en la vista móvil porque se sobrescribe por vista de pestañas.

YashPrince31 de octubre de 2018

@artf ¿Alguna novedad sobre esto? Es un gran problema. El usuario no puede actualizar CSS para la pestaña una vez que solicita primero el mobie. Necesitan eliminar y volver a añadir ese elemento.

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 →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

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