【问题标题】:How can I disable mobile mode in Vaadin 14?如何在 Vaadin 14 中禁用移动模式?
【发布时间】:2020-03-30 16:54:20
【问题描述】:

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

对于移动使用,对于每部手机来说,它看起来都是垃圾。我曾尝试使用 CSS 来掩盖它,但对于每个新屏幕都失败了。

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

【问题讨论】:

  • 这里需要澄清一点,Vaadin 没有明确的“移动模式”。 Vaadin 所做的是它包含了一个被移动浏览器使用但被桌面浏览器忽略的视口元标记。 Vaadin 使用的默认视口值指示浏览器禁用缩放并使用浏览器的本机屏幕宽度,在视网膜缩放后通常在 300 到 400 像素之间。
  • @LeifÅstrand Tackar 提供信息!

标签: java responsive-design vaadin vaadin14


【解决方案1】:

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

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

我自己没有尝试过,但类似于@Viewport(width = 1024)

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

【讨论】:

  • 加油! @Viewport("width = 1450") 解决了这个问题! :)
猜你喜欢
  • 2020-12-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-01-17
  • 1970-01-01
相关资源
最近更新 更多