Question

我已经创建了一个聚合物入门套件项目，我在 my-view.html 中有这个默认代码：

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

        padding: 10%;
      }
    </style>

...

问题是，如何实现：

媒体查询为padding: 10%;

时，

@media all and (min-width: 481px)

和

媒体查询为padding: 1%;

时，

@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

可能的解决方案： 不要打扰，改变内部元素的边距

如何使用媒体查询更改主机的css :(聚合物）

1 个答案: