我的理解是 Vaadin 10+ 的主题之一是响应式布局。所以当“水平布局”和“垂直布局”似乎不支持响应式设计时，我感到很惊讶。（我改用 App Layout，这似乎可行。）但是，在我的应用布局中，我倾向于使用 Vertical Layouts 和 Horizontal Layouts 来放置聚合物组件——不过，我认为它们不会响应，因为我没有不要认为 Vaadin 水平/垂直布局遵循响应式主题。是否有我们应该使用的替代布局组件或多或少地实现“响应式水平布局”等？
与此相关的是，假设所有预构建的 Vaadin 10/12+ 聚合物组件（水平和垂直布局除外）都是自动响应的，例如网格、表单和选项卡，是否合理，例如，如果用户正在他的手机上，并且正在寻找一个选项卡，其中包含这些 Vaadin 组件将在手机上“很好地”呈现的表单（即遵循其他框架的响应式布局，例如 react.js）？
根据定义，水平或垂直布局是不响应的。其目的是将所有子项放在同一行，无论是垂直还是水平，无论屏幕大小如何。
Vaadin 10 和更新版本中的各个组件在适当的情况下会做出响应。例如，日期选择器中的日历弹出窗口会根据使用的设备自动在全屏和常规模式之间切换。其他组件（例如 Grid）无法知道在任何给定情况下什么是合适的。相反，应用程序开发人员有责任根据情况配置要使用的列。
根据屏幕尺寸相对于彼此定位不同的组件始终取决于通用组件无法处理的每个应用程序的设计。对于某些特定情况，有一些组件可以帮助实现这一点，例如表单布局、应用程序布局和板。
如果提供的布局提供的通用模式不合适，那么应用程序开发人员需要根据情况手动配置不同的组件或编写适应屏幕大小的 CSS。与旧版本相比，这在 Vaadin 10+ 中仍然容易得多，因为旧版本严重依赖作为内联样式应用的像素计算，这与从 CSS 应用更多动态定义的尝试相冲突。