回退到element.style媒体查询？

Question

我想知道是否可以在某个媒体查询中使用element.style。

我在一个应用程序内部工作，在文档加载时通过javascript设置divs宽度。像这样：

<ul style="width: 593.531px;" class="width-fix">

<style>
    .width-fix { 
        width:100%!important;
        min-width:100%;
    }
</style>

我想要的是某个断点只是回到了element.style。

我应该使用jquery来切换它还是可以通过媒体查询来完成？

Answer 1

你可以用“反向”的方式写它。

@media screen and (min-width: ###px)  {
  .width-fix { 
        width:100%!important;
        min-width:100%;
    }
}

此媒体查询仅在窗口超过特定宽度时才有效。这意味着，当你落在它之下时，！important规则将被删除，并且内联css将会启动。