上尝试
我的网页上有一个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.