Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 228
  • Last Modified:

Force all tablets to display in landscape mode

I am using the following media query which targets the iPad. How do I alter this to encompass all tablets. The parameters are for iPad, obviously.

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
  body {
    -webkit-transform: rotate(90deg);
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
  }
}
}
0
burnedfaceless
Asked:
burnedfaceless
  • 2
1 Solution
 
duncanb7Commented:
Did you read these articles ? Hope it will help you similar question that
all tablets  into landscape

http://htmlemailboilerplate.com/
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Hope understand your question completely. If not , please point it out


Duncan
0
 
burnedfacelessAuthor Commented:
Got it working
0
 
duncanb7Commented:
Thanks for your pt.


Have a nice day

Duncan
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now