Flutter 在Flatter web app中更改屏幕尺寸

我正在用flatter构建一个web应用程序，但我想模拟iPhone的屏幕视图。我知道调整窗口大小可以达到这种效果，但有没有办法将所有内容包装在手机屏幕图形的框架中，或者更改MaterialApp的尺寸，使其包含在手机的屏幕尺寸内，而不会填满整个窗口？

您可以将

MaterialApp

包装在

大小框中，以限制其大小。然后你可以在任何你想要的地方使用它，就像一个普通的小部件一样

您可以将
MaterialApp
包装在
SizedBox
中以限制其大小。然后你可以在任何你想要的地方使用它，就像一个普通的小部件一样

您似乎只想测试您的响应性设计，或者只想在不同大小/形状的显示器上进行测试。虽然您提出的方法和@Pegasis提供的方法应该有效，但更好的解决方案可能是使用

为此：

使用
Ctrl+shift+i
打开Chrome开发工具，右键单击页面并执行“检查元素”，或打开浏览器窗口右上角的Chrome菜单，然后选择“更多工具”>“开发工具”


单击
切换设备工具栏
，打开可用于模拟移动视口的UI。


使用顶部的下拉列表选择设备（包括iPhone），或选择responsive进行自定义尺寸标注。


看起来您只是想测试您的响应性设计，或者只是在不同大小/形状的显示器上进行测试。虽然您提出的方法和@Pegasis提供的方法应该有效，但更好的解决方案可能是使用

为此：

使用
Ctrl+shift+i
打开Chrome开发工具，右键单击页面并执行“检查元素”，或打开浏览器窗口右上角的Chrome菜单，然后选择“更多工具”>“开发工具”


单击
切换设备工具栏
，打开可用于模拟移动视口的UI。


使用顶部的下拉列表选择设备（包括iPhone），或选择responsive进行自定义尺寸标注。