Cómo implementar la transición del widget al diseño para móviles

Al iniciar el widget, puede especificar si quiere utilizar la versión para móviles por defecto. Para ello, utilice el parámetro isMobile del método window.metaframe.create.

Para cambiar entre el diseño para móviles y el diseño para ordenadores de Metaframe en función de la resolución de pantalla del dispositivo, utilice el método window.metaframe.setIsMobile.

Ejemplo de código para cambiar al diseño para móviles de Metaframe con una resolución de pantalla de 1000 px o inferior:

const mediaQuery = window.matchMedia("(max-width: 1000px)");

function handleMetaframeLayoutChange(e) {
 window.metaframe.setIsMobile(e.matches);
}

handleMetaframeLayoutChange(mediaQuery);
mediaQuery.addEventListener('change', handleMetaframeLayoutChange)