Possible to disable @media queries or force a resolution? Reason: Allow an iphone to see the desktop site?

by

I had the same issue with a client. But the problem was there were 120+ CSS files contained the media queries. So what I did is, set the viewport width. I have used this snippet on that site and working fine. Using this, even you can give the option for the users to toggle between responsive design and non-responsive design.

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

Note: 1440 is your preferred screen width.

Hope this helps 🙂

More Related Contents:

  1. How to override css prefers-color-scheme setting
  2. When we using alert vs popup div tag? [closed]
  3. Download the text over image using jquery
  4. Replacing css file on the fly (and apply the new style to the page)
  5. How to autosize a textarea using Prototype?
  6. How to silently hide “Image not found” icon when src source image is not found
  7. How to Include CSS and JS files via HTTPS when needed?
  8. How to close an open collapsed navbar when clicking outside of the navbar element in Bootstrap 3?
  9. Use images like checkboxes
  10. Setting CSS value limits of the window scrolling animation
  11. How can I generate the opposite color according to current color?
  12. HTML – how can I show tooltip ONLY when ellipsis is activated
  13. HTML Table with vertical rows
  14. scrollTop animation without jquery [duplicate]
  15. How to swipe top down JQuery mobile
  16. What is the difference between window.innerWidth and screen.width?
  17. What are the possible ways to hide an element via CSS [closed]
  18. Bootstrap Dropdown with Hover
  19. What are some good ways to prevent people from copying my source code? [closed]
  20. Images not loading when relative path is used in React
  21. Resize external website content to fit iFrame width
  22. How to show hidden divs on mouseover?
  23. Auto Mobile Site Redirect
  24. Styling Vuetify selectors
  25. Wrapping lists into columns
  26. HTML5 input required, scroll to input with fixed navbar on submit
  27. How do I dynamically adjust css stylesheet based on browser width?
  28. How do I put a clear button inside my HTML text input box like the iPhone does?
  29. Possible to reverse a css animation on class removal?
  30. Getting a sticky header to “push up”, like in Instagram’s iPhone app using CSS and jQuery

Leave a Comment