Question

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

interface MyStyle extends Style {
}

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

然后我有了CellList CSS文件＆＃34; MyStyle.css＆＃34; ：

/* 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

CSS资源不允许使用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

GWT 2.6.1 CellList MediaQuery

1 个答案: