@goodw84

Мобильная адаптация виджета?

Всем привет.

Есть такая задача:

Виджет встраиваемый в сайты и работает как попапокно (div с фоном и т.д.). Сайты могут быть любыми, зачастую без адаптации под мобильные устройства; Виджет встраивается в сайт посредством js- и css-файлов. В css-виджета есть все необходимые медиазапросы, под все экраны и т.д., JavaScript-виджета добавляет в страницу meta с viewport.

Содержимое виджета надо показывать адаптированным под мобильное устройство.

Проблема:

1. Если при загрузке основной страницы сайта весь контент уменьшается, чтобы уместиться в разрешение мобильного устройства, размеры шрифтов в виджете приходится увеличивать до 45px
2. При этом виджет для каждого сайта выглядит по-разному (зависит от того насколько уменьшен контент родительской страницы)

Что делать? Как сделать так, чтобы виджет отображался одинаково, независимо от того, куда он встроен?
  • Вопрос задан
  • 479 просмотров
Пригласить эксперта
Ответы на вопрос 1
@iFlashka
Вероятно в виджете шрифты указаны в em или %, просто укажите нужный вам размер шрифта и уже медиа запросами под каждое разрешение подстройте размер шрифта
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы