当屏幕尺寸发生变化时，Vaadin会切断（不可滚动）

Question

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

我尝试使用Panel来解决问题，但小组同样被切断了。

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

我也尝试过使用

Responsive.makeResponsive(horizontalSplit)

但它仍然被切断

有什么建议吗？

Answer 1

如果您设置

panel.setSizeFull();

和

panel.getContent().setSizeUndefined();

然后通常是在小屏幕上切割内容。

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

Answer 2

在 styles.scss 文件

中添加以下样式

.overflow-auto{
        overflow : auto;
      }

然后将StyleName设置为面板

panel.setStyleName("overflow-auto");