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

Question

I have a website and i want to disable media query when i click a button View Desktop from moblie view . How to disable media query from mobile site. These are my media queries:

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

}

Answer 1

You could move all media queries to a separate css file (ex. mobile.css) and on button click disable this file.

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

Hope this helps