在 Reactjs 中，如何为这个模板设置响应视图？

Posted 2023-03-06

技术标签:

【中文标题】在 Reactjs 中，如何为这个模板设置响应视图？【英文标题】：In Reactjs , How to set Responsive view for this template? 【发布时间】：2021-12-07 21:16:23 【问题描述】：

容器是响应式的，但页眉、页脚和背景图像没有响应式。如何使其具有响应性？

【问题讨论】：

【参考方案1】：

使用前端框架，如 Material-UI 或引导程序、设计等...然后使用网格

Bootstrap- grid Material-UI grid Ant Design Grid

【讨论】：

【参考方案2】：

如果您不想使用上面提到的Shahnad 之类的框架，可以使用css 属性flex-box。 website 完美地解释了 flex-box 的工作原理。

【讨论】：

以上是关于在 Reactjs 中，如何为这个模板设置响应视图？的主要内容，如果未能解决你的问题，请参考以下文章