html - 回退到 element.style 媒体查询？

Question

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

我在一个应用程序中工作，其中 div 宽度由 javascript 在文档加载时设置。像这样:

<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 将启动。