Implementierung des Übergangs eines Widgets in das mobile Layout

Bei der Initialisierung des Widgets können Sie angeben, ob die mobile Version standardmäßig verwendet werden soll. Verwenden Sie dazu den Parameter isMobile der Methode window.metaframe.create.

Um zwischen den mobilen und Desktop-Layouts von Metaframe abhängig der Bildschirmauflösung des Geräts zu wechseln, nutzen Sie die Methode window.metaframe.setIsMobile.

Beispiel-Code für das Wechseln ins mobile Layout von Metaframe bei einer Bildschirmresolution von 1000 px und weniger:

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

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

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