2015-02-09 59 views
0

我想知道是否有可能使用CellLists进行媒体查询。例如:GWT 2.6.1 CellList MediaQuery

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

如果以上是不可能有任何解决方法,以实现这一目标?

谢谢。

+0

CAN你把你的代码放在代码片段中以便更好地理解。 – 2015-02-09 07:45:49

+0

据我在浏览器中看到的代码是 – 2015-02-09 07:50:16

回答

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

+0

谢谢帕特里斯。不幸的是,这并不能帮助我,因为现在不可能将更新大型项目更新到最新的GWT 2.7版本(它们不便于更新)。但我会将你的答案标记为正确 – 2015-02-09 11:48:18

+0

GWT 2.7的更新在我的许多大型项目中工作得非常好。 否则,您必须使用外部样式表进行媒体查询。 – 2015-02-09 15:15:35