javascript - 如何禁用来自移动站点的所有媒体查询

Question

我有一个网站，当我从 moblie view 单击按钮 View Desktop 时，我想禁用媒体查询。如何从移动站点禁用媒体查询。 这些是我的媒体查询:

@media only screen and (min-width:900px) and (max-width:1024px)
{

}

Answer 1

您可以将所有媒体查询移动到一个单独的 css 文件(例如 mobile.css)，然后单击按钮禁用此文件。

$("#button_id").click(function(){
    $('link[rel=stylesheet][href~="mobile.css"]').attr('disabled', 'true');
});

希望对你有帮助