Hola.
Estoy utilizando javascript para eliminar y añadir elementos en pantallas de bajas resoluciones con window.matchMedia.
Ejemplo:
Código:
if (window.matchMedia("(max-width: 399px)").matches) {
document.getElementById("ter").remove();
}
Funciona perfectamente y sin problemas.
Pero el problema viene cuando el usuario rota la pantalla. Imaginemos un móvil con 400px (aproximadamente) de ancho en visión vertical. Funcionaría el script que he puesto, pero al rotar la pantalla a su anchura horizontal, naturalmente mayor de 400px, el elemento #ter sigue eliminado, porque habría que refrescar el navegador para que vuelva a leerse el script y no aplicar al orden de eliminación.
No es tema que se pueda dejar pasar, porque hay un cierto número de elementos afectados por esta fórmula, tanto para eliminar como para introducir en cada página.
¿Hay alguna forma de corregir esto?
Gracias.