屏幕尺寸更改时，Vaadin 会中断（不可滚动）答案

【问题标题】：Vaadin cuts off (not scrollable) when screen size changed屏幕尺寸更改时，Vaadin 会中断（不可滚动）
【发布时间】：2016-05-10 20:23:58
【问题描述】：

我有一个 vaadin 布局，可以在更大的屏幕上正常工作。一旦屏幕尺寸（和分辨率）下降，所有内容都会被截断，并且不会出现滚动条。

我尝试使用面板来解决问题，但面板同样被切断。

Panel panel = new Panel();
panel.setContent(horizontalSplit);
panel.setSizeFull();
panel.getContent().setSizeUndefined();

我也尝试过使用

Responsive.makeResponsive(horizontalSplit)

但还是断了

有什么建议吗？

【问题讨论】：

【解决方案1】：

如果你设置了

panel.setSizeFull();

和

panel.getContent().setSizeUndefined();

那么通常是在小屏幕上剪切内容。

解决方案是在面板内容上也设置 setSizeFull()。

【讨论】：

实际上我昨天调试了设置 - 问题是包含所有组件的 VerticalLayout 不是“setSizeFull”，因此组件会被切断。我将布局设置为 setSizeFull 并获得了滚动条。

【解决方案2】：

在您的 styles.scss 文件中添加以下样式

.overflow-auto{
        overflow : auto;
      }

然后将 StyleName 设置为您的面板

panel.setStyleName("overflow-auto");

【讨论】：