How to toggle css media queries on and off
I am trying to set up link at the bottom of my website like this:
Regular view | Mobile view
Right now the css file contains media query for regular and mobile views so it automatically adjusts depending on the screen size. How can i let the user control that with the links?
If you put all of the media queries in one file, you can disable them with this:
document.getElementById('my-css-file').disabled = true;