强制组件适合较小的容器,就像媒体查询一样

问题描述

我们有一个相当复杂的组件,它基于网格和伸缩。布局不需要任何媒体查询即可适应屏幕,但是我们仍将它们用于许多不同的设置,例如背景色,填充/边距,字体大小等。

我们发现该组件有机会在其他页面中使用,以补充其原始位置。在桌面设备上,新位置的组件将/看上去将完全类似于其移动版本。

我看过的所有文章都建议使用grid / flex,但是正如我提到的那样,这不是问题。

是否有一种方法可以欺骗该组件,使其认为它在屏幕上的渲染比实际屏幕小?

如果相关,我们将主题UI /情感用于CSS。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)