禁用第三方CSS文件的媒體查詢

Question

我從第三方導入css文件（這意味着我無法編輯css文件）。這個CSS文件正在使用媒體查詢，我想在我的頁面中禁用它們。

一個可能的解決方案是覆蓋一個新的CSS文件中的所有媒體查詢，在我的情況下需要覆蓋成千上萬的CSS選擇器。

我發現了這個JS解決方案，它在移動瀏覽器中正常工作，但在桌面瀏覽器中無法正常工作。因爲他們需要更改CSS文件中1和2

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

解決方案是沒有用的。

Answer 1

刪除整個文件第一

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

，並動態地從你的域添加樣式而不媒體查詢。