我正在使用Vaadin的新版本8.0.6

如果我在width-range〜=“ 1400px-”上打开窗口,然后转到width-range〜=“ 0px-760px”,则响应式CSS属性可以正常工作,但反之则不行;如果在width-上打开窗口, range〜=“ 0px-760px”并转到width-range〜=“ 1200px-”没有任何反应。

我的观察结果表明,当窗口最小化时,vaadin将属性“ width-range = [...]”注入HTML代码以使其具有响应能力。但是,当窗口最大化时,属性“ width-range = [...]”留在此处会因此干扰显示。

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

最佳答案

我有这个代码:


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();

09-11 17:27