css - 如何使用媒体查询更改主机的CSS :( polymer )

Closed. This question is off-topic。它当前不接受答案。












                            想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。

                        3年前关闭。



我创建了一个聚合物入门工具包项目，并且在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%;
          }
      }
...

我该怎么办？

最佳答案

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

关于css - 如何使用媒体查询更改主机的CSS :( polymer )，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39628689/

上一篇：html - 无序列表和有序列表未与列对齐

下一篇：javascript - 事件处理程序不适用于所有元素

相关文章：

javascript - jQuery:隐藏元素在悬停时向下移动？

css - 白色边框没有出现

html - 从中心出现关键帧动画

javascript - 避免更新本地客户端

javascript - 模板内的 polymer 建模模板

javascript - 未捕获的类型错误 : Cannot read property 'trim' of undefined after using Polymer vulcanize

html - 如何更改颜色 Bootstrap 的仅选择标签箭头或文本？

html - CSS margin 恐怖； Margin 在父元素之外添加空间

css - 在固定轴上旋转CSS立方体

css3 - 从2012年末开始实现@ font-face