如何在此方案中使用jquery更改“！important”规则？

Question

我的网页上有一个Vimeo格式的视频。当我缩小尺寸时，在985像素以下，视频消失，列宽从“560px”变为“自动！重要”，如下所示：

@media only screen and (max-width: 985px)
.main-content-area {
width: auto!important;
background: #fff;
padding: 0 20px;
}

我可以使用哪些特定代码来更改此行/将其删除：

width: auto!important;

我只想要这一行 - 添加为宽度：

min-width: 100%;

我感谢任何意见。谢谢！

Answer 1

@media only screen and (max-width: 985px){
   .main-content-area {
      min-width: 100% !important;
   }
}

由于你的css被附加在（我推测）库的css之后，你的css将覆盖它。

Answer 2

如果您不想使用媒体查询/ CSS尝试，可以尝试使用jquery

$(window).resize(function() {
  if($(window).width()<=985)
  { $('.main-content-area').css('min-width','100%'); }
});

你也可以在$（window）.load。

上试试