css - 使用带有 CssResource 和 @if 的 GWT 的移动设备的不同字体大小

Question

在使用 CssResource 和 ClientBundle 的 GWT 中，可以有如下条件语句:

@if <deferred-binding-property> <space-separated list of values> {
  ... css rules ...
}

在我的元素中，我希望为移动设备设置不同的字体大小。我认为我可以使用以下代码实现此目的:

@def fontSize 1.1875em;
@if formfactor mobile {
  @def fontSize 2.375em;
}
.my_font{
    font-family: Arial;
    font-weight: normal;
    font-size: fontSize;
    cursor: default;
}

不幸的是，这对我不起作用。它始终使用@if 语句中定义的字体大小，而不管“formfactor”(取决于所用设备的 gwt 属性)是什么。有没有人可以解释这一点，或者建议一种更好的方法来实现我正在尝试做的事情？

Answer 1

你试过在 if/else 中设置 def 吗？

@if formfactor mobile {
  @def fontSize 2.375em;
} @else{
  @def fontSize 1.1875em;
}

.my_font{
    font-family: Arial;
    font-weight: normal;
    font-size: fontSize;
    cursor: default;
}