如何实现小组件移动版布局的切换
初始化小组件时,您可以指定是否默认使用移动版本。为此,请使用window.metaframe.create方法的isMobile
参数。
要根据设备屏幕分辨率在Metaframe的移动版和桌面版布局之间切换,请使用window.metaframe.setIsMobile方法。
在屏幕分辨率为1000 px及以下时切换到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。