ウィジェットのモバイルレイアウトへのトランジションを実装する方法

ウィジェットを初期化するとき、デフォルトでモバイルバージョンを使用するかどうかを指定できます。これを行うには、window.metaframe.createメソッドのisMobileパラメータを使用します。

デバイスの画面解像度に応じてMetaframeのモバイルレイアウトとデスクトップレイアウトを切り替えるには、window.metaframe.setIsMobileメソッドを使用します。

画面解像度が1000px以下の場合に、Metaframeのモバイルレイアウトに切り替えるためのコード例です：

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

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

mediaQuery.addEventListener('change', handleMetaframeLayoutChange)