Flutter Web App 在手机桌面视图中的奇怪行为

Posted 2023-02-23

【中文标题】Flutter Web App 在手机桌面视图中的奇怪行为

【英文标题】：Flutter Web App Weird Beahvior in Desktop View on Mobile Phone

【发布时间】：2021-11-12 10:15:58

【问题描述】：

我正在用颤振做一个网站

codingfries.com

当我在手机的 chrome 浏览器上单击桌面视图时，有人可以检查到底发生了什么。网站开始出现异常。

【参考方案1】：

这应该在布局更改时发生。当您在手机上模拟桌面视图时，屏幕宽度会发生变化。为了处理这种情况，flutter 有媒体查询，可用于根据屏幕大小的变化来改变布局。 更多信息请参考官方文档。

https://flutter.dev/docs/development/ui/layout/adaptive-responsive

【讨论】：

其次它应该调整大小，但小部件由于某种原因消失了哈哈

我查看了您的网站，您说消失的小部件刚刚升起，就像在视口上方一样

不，它实际上并没有上升 .. 嗯，它在那里，但视觉上没有，哈哈 .. 想知道如何解释这一点，但如果你在网络浏览器中打开网站 .. 你可以看到橙色按钮在右上角.. 并牢记那个地方.. 当你在手机上以桌面视图打开网站时.. 点击那个地方，你会看到它实际上点击了按钮，但按钮在视觉上不存在。 . idk 为什么会发生这种情况 .. 我有另一个网站在桌面视图中没有问题 .. idk 为什么这个有