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

Disable media queries of third party CSS file

本文关键字：媒体 查询 文件 CSS 第三方      更新时间：2023-09-26

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

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

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

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

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

先删除整个文件

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

并在不进行媒体查询的情况下动态添加网域中的样式。

相关文章：