如何在 Vaadin 14 中禁用移动模式？

Question

我在Vaadin 14做了一个网页，但是是我自己的主题。不应该那样做。反正！页面已完成，令人惊叹！仅在常规桌面视图中。

对于移动使用，它看起来像垃圾，每个 phone。我试过使用 CSS 来掩盖它，但它对每个新屏幕都失败了。

所以我想在 Vaadin 14 中禁用响应移动模式。无论如何，我对常规桌面视图很满意！那我该怎么做呢？

Answer 1

不确定您到底想要什么，但您至少可以从声明视口元标记开始，您希望您的应用程序使用特定视口大小（相对于设备宽度）呈现。

https://vaadin.com/api/platform/14.1.21/com/vaadin/flow/component/page/Viewport.html

我自己还没有尝试过，但是类似于 @Viewport(width = 1024)。

您也可以尝试在 CSS 中设置一个 html { min-width: 1024px; }。