Polymer 条件模板的聚合物特定样式

我有一个关于聚合物的造型的问题。我有一个响应元件，根据屏幕的宽度有不同的样式。如果宽度为720或更大，则其样式应标记为“-specific Styleing 2-”。如果不是，它应该有“-specific styleing 2-”。它应该始终具有“通用样式”

：主持人{
--常见样式--
}
：主持人{
--特定样式1--
}
：主持人{
--特定样式2--
}

如果我有上面的代码，它总是使用“-specific styleing 2-”。有什么办法可以改变这种行为吗

---

Bart

您是否尝试过使用常规css媒体查询？或者你不使用它们有什么原因吗？不可能在聚合物中使用它们。然而，聚合物团队的人帮助了我。详情如下:

<dom-module>
<template>
    <style>
      :host {
        --common styling--
      }
    </style>

    <iron-media-query query="min-width: 720px" query-matches="{{isWide}}"></iron-media-query>

    <template is="dom-if" if="{{!isWide}}">
      <style>
        :host {
          --specific styling 1--
        }
      </style>      
    </template>

    <template is="dom-if" if="{{isWide}}">
      <style>
        :host {
          --specific styling 2--
        }
      </style>      
    </template>
</template>
</dom-module>