2017-06-13 47 views
0

我使用Vaadin的最新版本是8.0.6vaadin响应工作不正常

,如果我打开宽度范围我的窗口〜=“1400px-”再往宽度范围〜=” 0px-760px“,响应css属性可以正常工作,但不会以其他方式进行,如果在宽度范围〜=”0px-760px“上打开窗口并转到宽度范围〜=”1200px-“则不会发生任何事情。

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

我怎样才能更新或删除属性“width-range = [...]”当我使宽度窗口更大?

+0

你可以通过添加相关的代码来重新创建你的问题来改善你的问题吗? – petey

+0

此文档可能会帮助您,https://vaadin.com/docs/-/part/framework/themes/themes-responsive.html – petey

回答

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