如何实现小组件移动版布局的切换

初始化小组件时,您可以指定是否默认使用移动版本。为此,请使用window.metaframe.create方法的isMobile参数。

要根据设备屏幕分辨率在Metaframe的移动版和桌面版布局之间切换,请使用window.metaframe.setIsMobile方法。

在屏幕分辨率为1000 px及以下时切换到Metaframe移动版布局的示例代码:

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

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

handleMetaframeLayoutChange(mediaQuery);
mediaQuery.addEventListener('change', handleMetaframeLayoutChange)
本文对您的有帮助吗?
谢谢!
我们还有其他可改进之处吗? 留言
非常抱歉
请说明为何本文没有帮助到您。 留言
感谢您的反馈!
我们会查看您的留言并运用它改进用户体验。
上次更新时间: 2024年10月9日

发现了错别字或其他内容错误? 请选择文本,然后按Ctrl+Enter。

报告问题
我们非常重视内容质量。您的反馈将帮助我们做得更好。
请留下邮箱以便我们后续跟进
感谢您的反馈!