禁用第三方 CSS 文件的媒体查询

Question

我正在从第三方导入 css 文件（这意味着我无法编辑 css 文件）。这个 css 文件正在使用我想在我的页面中禁用它们的媒体查询。

一种可能的解决方案是在一个新的 css 文件中覆盖所有媒体查询，在我的例子中，这需要覆盖数千个 css 选择器。

我发现这个 JS 解决方案在移动浏览器中运行良好，但在桌面浏览器中无法运行。

$(document).ready(function(){
   $('meta[name="viewport"]').prop('content', 'width=1440');
});

1 和 2 中的解决方案没有用处，因为它们需要更改 css 文件。

Answer 1

先删除整个文件

$('link[href~="test.css"]').remove();

并在没有媒体查询的情况下从您的域中动态添加样式。