如何在Vaadin中创建移动就绪布局？

Question

如何使用vaadin创建在移动设备和台式机屏幕上均可使用的布局或页面？当我将所有东西放在一起时，无论我对CSS的定义有多具体，我都无法覆盖其样式使它们在彼此之上或之下。

HorizontalLayout layout = new HorizontalLayout();
layout.addComponents(new Label("Test"), new Label("Test"));
layout.addStyleName("my-layout");

Answer 1

Horizo​​ntalLayout不适用于响应式布局。如果要创建自适应布局并使用CSS，请改用Div。 https://vaadin.com/tutorials/vaadin-key-concepts

这里有一个例子