Mobile site – force landscape only / no auto-rotate

by

Use media queries to test the orientation, in the portrait stylesheet hide everything and show a message that the app only works on landscape mode.

<link rel="stylesheet" type="text/css" href="https://stackoverflow.com/questions/10975387/css/style_l.css" media="screen and (orientation: landscape)">
<link rel="stylesheet" type="text/css" href="css/style_p.css" media="screen and (orientation: portrait)">

I think is best aproach

More Related Contents:

  1. Add Content to webpage using only CSS
  2. Why is my jQuery :not() selector not working in CSS?
  3. iframe to Only Show a Certain Part of the Page
  4. jQuery change class name
  5. $(window).width() not the same as media query
  6. Get element -moz-transform:rotate value in jQuery
  7. Play/pause HTML 5 video using JQuery
  8. How to automatically change the text size inside a div?
  9. Find text string in jQuery and make it bold
  10. Can I change the scroll speed using css or jQuery?
  11. jquery IE Fadein and Fadeout Opacity
  12. Activate CSS3 animation when the content scrolls into view
  13. jQuery toggle CSS?
  14. jQuery CSS – Write into the -tag
  15. Dynamically adding collapsible elements
  16. jQuery: height()/width() and “display:none”
  17. How to find the highest z-index using jQuery
  18. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery [closed]
  19. Check, using jQuery, if an element is ‘display:none’ or block on click
  20. How can I tell if a particular CSS property is inherited with jQuery?
  21. Creating a hole in a element
  22. Can an iframe only show a certain part of the page?
  23. Apply CSS to jQuery Dialog Buttons
  24. CSS issue on Twitter Typeahead with Bootstrap 3
  25. How to keep footer at the bottom even with dynamic height website
  26. Use jQuery to Detect Container Overflow?
  27. JQuery search in static HTML page with highlighting of found word
  28. The .fadeOut() method to use visibility property instead of display property
  29. Bootstrap Carousel showing next and previous image
  30. Possible to have a floating horizontal scrollbar?

Leave a Comment