GWT 2.6.1 CellList MediaQuery

Question

我想知道是否可以在CellLists中使用媒体查询。例如：

interface MyStyle extends Style {
}

public interface MyResources extends Resources {
    @Source({ Style.DEFAULT_CSS, "MyStyle.css" })
    MyStyle cellListStyle();
}

然后我有了CellList CSS文件"MyStyle.css“：

/* cell flow basic css style */
.cellListWidget {

}

.cellListEvenItem {

}

.cellListOddItem {

}

.cellListEvenItem:hover,.cellListOddItem:hover {

}

.cellListKeyboardSelectedItem,.cellListSelectedItem:hover {

}

.cellListSelectedItem {

}

有可能有这样的东西吗

@media ( min-width : 768px) {
    .cellListEvenItem {
        height: 90px;
    }
}

在MyStyle.css里面？我试过了，它似乎不认识它(没有错误或警告，但它也不起作用)。

我就是这样用的：

new CellList<MyObject>(listCell,
                (CellList.Resources) GWT.create(MyResources.class));

如果以上不可能，是否有任何解决办法来实现这一点？

谢谢。

Answer 1

不允许使用CSS3媒体查询。您必须在GWT版本2.7中使用名为GSS的新样式表编译器。

您必须将项目更新为2.7版本。

在您的gwt.xml中添加以下行以激活新的GSS：

<set-configuration-property name="CssResource.enableGss" value="true" />

并将css文件重命名为MyStyle.gss。

您可能需要更改一些CSS资源代码：http://www.gwtproject.org/doc/latest/DevGuideGssVsCss.html

您可以在上次GwtCreate：https://drive.google.com/file/d/0BwVGJUurq6uVNGgtOWtOdy0wRzQ/view的演示文稿中了解更多信息。