Orientation Experiments

• orientation-events.html
  • Prints out orientation and resize event info to the console log.
• Orientation Media Query Tests
  • orientation-media-query-01.html
    • Test that includes 2 orientation media query rules that turn text red for portrait, blue for landscape, and black for un-supported.
  • orientation-media-query-02.html
    • Same as previous test, except the order of the portrait and landscape media queries are swapped. This is to make sure that browsers aren't just defaulting to the last orientation media query.
  • orientation-media-query-03.html
    • Same as orientation-media-query-01.html except the media queries have been modified to use "screen" instead of "all".
  • orientation-media-query-04.html
    • Same as orientation-media-query-02.html except the media queries have been modified to use "screen" instead of "all".
  • orientation-media-query-05.html
    • Same as orientation-media-query-01.html, except a width=device-width viewport meta-tag is specified.
  • orientation-media-query-06.html
    • Same as previous test, except a width=320 viewport meta-tag is specified.