Виджет встраиваемый в сайты и работает как попапокно (div с фоном и т.д.). Сайты могут быть любыми, зачастую без адаптации под мобильные устройства; Виджет встраивается в сайт посредством js- и css-файлов. В css-виджета есть все необходимые медиазапросы, под все экраны и т.д., JavaScript-виджета добавляет в страницу meta с viewport.
Содержимое виджета надо показывать адаптированным под мобильное устройство.
Проблема:
1. Если при загрузке основной страницы сайта весь контент уменьшается, чтобы уместиться в разрешение мобильного устройства, размеры шрифтов в виджете приходится увеличивать до 45px
2. При этом виджет для каждого сайта выглядит по-разному (зависит от того насколько уменьшен контент родительской страницы)
Что делать? Как сделать так, чтобы виджет отображался одинаково, независимо от того, куда он встроен?
Вероятно в виджете шрифты указаны в em или %, просто укажите нужный вам размер шрифта и уже медиа запросами под каждое разрешение подстройте размер шрифта
Шрифты указаны в px, проблема не в этом. Когда виджет встраивается в разные сайты (неадактированные), там происходит масштабирование основной страницы самого сайта, а вместе с ним и виджета. В итоге отображение шрифтов в виджете зависит от того как была смаштабирована страница в виджете.
Тоесть font-size: 32px при масштабировании страницы — это разные вещи.
Простой
