如何使用jquery来更改"！“重要”;规则

How can I use jquery to change the "!important" rule in this scenario?

本文关键字：重要 规则 quot jquery 何使用      更新时间：2023-09-26

我的网页上有一个Vimeo格式的视频。当我缩小到985px及以下时，视频消失，列宽从"560px"变为"auto！important"，如图所示：

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

我可以使用什么特定代码来更改/删除此行：

width: auto!important;

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

min-width: 100%;

我感谢您的意见。谢谢

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

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

如果你不想尝试使用媒体查询/css，你可以使用jquery而不是

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

您也可以在$（window）.load.

上尝试
相关文章：