どのようにホストのCSSを変更するには、次の（ポリマー）を使用して、メディアが

Question

を照会し、私は、ポリマースターターキットプロジェクトを作成したと私はで、このデフォルトのコードを持っている私の-view.html：

<dom-module id="my-view1"> 
    <template> 
    <style include="shared-styles"> 
     :host { 
     display: block; 

     padding: 10%; 
     } 
    </style> 

... 

質問で、どのように達成するか：メディアクエリが@media all and (min-width: 481px)

と

です

メディアクエリは、私はちょうどそれがこのように見えるようならばそれは助けにはならない@media all and (max-width: 480px)

ている場合：

... 
<dom-module id="my-view1"> 
    <template> 
    <style include="shared-styles"> 
     :host { 
      display: block; 

      padding: 10%; 
      } 

     @media all (max-width: 480px) { 
     :host { 

      padding: 1%; 
      } 
     } 
... 

は、私はそれをどのように行うのでしょうか？

Answer 1

*セレクタを使用して、DOMのすべてのタグにスタイルを追加します。

Reference

CSS

* { 
    display: block; 
    padding: 10%; 
    } 

@media all (max-width: 480px) { 
* { 
    padding: 1%; 
    } 
} 

Answer 2

考えられる解決策： あなたのメディアクエリーが不正な形式である