ウィジェットのモバイルレイアウトへのトランジションを実装する方法
ウィジェットを初期化するとき、デフォルトでモバイルバージョンを使用するかどうかを指定できます。これを行うには、window.metaframe.createメソッドのisMobileパラメータを使用します。
デバイスの画面解像度に応じてMetaframeのモバイルレイアウトとデスクトップレイアウトを切り替えるには、window.metaframe.setIsMobileメソッドを使用します。
画面解像度が1000px以下の場合に、Metaframeのモバイルレイアウトに切り替えるためのコード例です：
Copy
- javascript
const mediaQuery = window.matchMedia("(max-width: 1000px)");
function handleMetaframeLayoutChange(e) {
window.metaframe.setIsMobile(e.matches);
}
handleMetaframeLayoutChange(mediaQuery);
mediaQuery.addEventListener('change', handleMetaframeLayoutChange)
この記事は役に立ちましたか？
ご意見ありがとうございました！
あなたのメッセージを確認し、体験を向上させるために利用させていただきます。誤字脱字などのテキストエラーを見つけましたか？ テキストを選択し、Ctrl+Enterを押します。
