Как реализовать переход виджета на мобильную версию верстки
При инициализации виджета вы можете указать, следует ли использовать мобильную версию по умолчанию. Для этого используйте параметр isMobile
метода window.metaframe.create.
Для переключения между мобильной и настольной версией Metaframe в зависимости от разрешения экрана устройства используйте метод window.metaframe.setIsMobile.
Пример кода для переключения на мобильную версию Metaframe при разрешении экрана 1000 px и меньше:
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.