0

我正在使用 8.0.6 的新版本 Vaadin

如果我在 width-range~="1400px-" 上打开我的窗口并向下到 width-range~="0px-760px"，响应​​式 css 属性可以正常工作，但不是另一方面，如果在宽度上打开窗口- range~="0px-760px" 并转到 width-range~="1200px-" 没有任何反应。

我的观察表明，当窗口最小化时，vaadin 将属性“width-range=[...]”注入 HTML 代码以使其响应。但是当窗口最大化时，属性“width-range=[...]”会留在这里，因此这会破坏显示。

当我使宽度窗口更大时，如何更新或删除属性“width-range = [...]”？

4

1 回答 1

0

我有这个代码：

private Component buildLoginForm() {
    final VerticalLayout loginPanel = new VerticalLayout();
    loginPanel.setSpacing(false);
    loginPanel.setSizeUndefined();
    Responsive.makeResponsive(loginPanel);
    loginPanel.addStyleName(Configuration.Style.LOGIN_PANEL);

    loginPanel.addComponent(buildFields());
    loginPanel.addComponent(buildPasswordBtn());
    LabelIh3m hrLbl = new LabelIh3m();
    hrLbl.addStyleName("hr");
    loginPanel.addComponent(hrLbl);
    loginPanel.addComponent(buildNewAccount());
    return loginPanel;
}

我不知道为什么，但问题是这一行： loginPanel.setSizeUndefined();

于 2017-06-20T11:43:41.823 回答