我正在使用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();