我在firebase上部署了一个个人flutter-web项目，响应速度很好，当在笔记本电脑上打开网站时，它会显示一个针对大屏幕的UI，当在移动的（chrome浏览器）上打开时，它会显示移动屏幕的UI。
现在的问题是，每当我在Chrome浏览器中选中“桌面站点”时，我都会得到一个用于显示更大屏幕的UI，这还可以，但它看起来垂直拉伸，顶部的应用栏也不可见。
所以我问题是，
有没有一种方法，我可以检查浏览器的桌面站点模式是否打开？或任何其他方法，我可以只是使网站看起来像一个缩小版本的网页用户界面时，桌面站点模式是打开？
1条答案
按热度按时间nukf8bse1#
我们没有看到代码。因此，很难确定。但是当我运行没有参数的应用程序构建时，我遇到了这样的问题--web-render
flutter build web关键是默认情况下它使用不同的渲染器（桌面的CanvasKit和移动的的HTML）。由于我使用了需要CanvasKit的东西，应用程序在移动浏览器中显示不正确。
使用适当的参数构建解决了我的问题
flutter构建web --web渲染器画布工具包