我已经在 firebase 上部署了一个个人 flutter-web 项目，并且响应能力运行良好。就像在笔记本电脑上打开网站时，它会显示特定于大屏幕的 UI 一样，而在手机(Chrome 浏览器)上打开网站时，它会显示针对移动屏幕的 UI。
现在的问题是，每当我在 Chrome 浏览器中检查“桌面站点”时，我都会得到旨在为较大屏幕显示的 UI，这没关系，但它看起来垂直拉伸(stretch)，并且顶部的应用栏是也不可见。
所以我的问题是，
有没有办法检查浏览器的桌面站点模式是否打开？ 或者任何其他方式，只要桌面站点模式打开，我就可以使网站看起来像 Web UI 的缩小版本？
最佳答案
我们没有看到代码。因此，很难肯定地说。但是当我运行不带参数 --web-renderer 的应用程序构建时遇到了这样的问题
颤振构建网络 重点是，默认情况下它使用不同的渲染器(桌面版 CanvasKit 和移动版 HTML)。而且由于我使用了需要CanvasKit的东西，所以移动浏览器中的应用程序显示不正确。
使用适当的参数进行构建解决了我的问题
flutter 构建 web --web-renderer canvaskit
关于google-chrome - 当桌面网站打开的移动设备上的 Chrome 应用程序时，Flutter Web 无法正确呈现，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/71000319/