Javascript 如何在全屏桌面视图上显示react.js组件的css移动视图分辨率，而不实际最小化浏览器窗口？

我有3个不同的react.js项目集成到一个项目中。我应该在屏幕的左侧显示项目1，右侧显示项目2，底部显示项目3。但是ProjectOne的web视图内容在高度和宽度上都非常大，如果我尝试更改其宽度并使其向左浮动，则会因为其设计而重叠。我不应该改变项目一的实际代码。幸运的是，我有一个使用css媒体查询编写的project one的移动屏幕视图，它的大小看起来缩小了，非常适合我使用

---

我需要找到一种方法来显示我在屏幕左侧的project one mobile resolution断点代码，比如width:45%float:left以某种方式使组件/项目适合大小等于或小于移动断点的窗口（如我所需，位于屏幕左侧），因此该窗口内的组件认为“浏览器窗口很小，我必须显示我的移动视图”，如果有意义的话。我尝试修改project one的头标记-尝试更改头标记中视口元标记的初始比例和宽度。似乎什么都不管用。我不确定我是否把它放对了，但是如果有人能理解它并提供帮助，我将不胜感激。

您可以使用

iframe

以您想要的任何布局定位您的项目。您可以固定iFrame的高度和宽度

.iframes{
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
}
.底部iframe{
宽度：100%；
保证金：0自动；
}

答复

处理窗口的调整大小事件并更新当前视图请提供一些代码抱歉，出于安全考虑，无法提供代码。虽然我很乐意为您提供任何澄清。但我相信，除非应用程序是托管的，否则使用s？iFrame将无法工作。它也有许多缺点，不是建议的选择。我不能使用iframe，还有其他方法吗？我需要调用iframe标记中的组件吗？因为我没有看到任何内容，只有两个空窗口@LalitKumar@dharanikumar是的，你需要把你的组件放在框架标签里。只有这样你才能看到内容。Iframes不是完成工作的好方法。检查这个答案。如果还有别的方法，请告诉我。谢谢你