Заставить компонент поместиться в меньший контейнер, как если бы с медиа-запросами
У нас есть довольно сложный компонент, основанный на сетке и гибкости. Макет не требует никаких медиа-запросов для адаптации к экрану, но мы по-прежнему используем их для множества различных настроек, таких как цвета фона, отступы / поля, размеры шрифтов и т. Д.
Мы обнаружили возможность использования этого компонента на другой странице в качестве дополнения к его исходному месту. На настольном компьютере компонент на новом месте будет / может выглядеть точно так же, как его мобильная версия.
Все статьи, которые я видел, предлагают сетку / гибкость, но, как я уже упоминал, проблема не в этом.
Есть ли способ заставить этот компонент думать, что он отображает себя на экране меньше, чем фактический?
Если это актуально, мы используем theme-ui / Emotion для css.