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;
  }
}
}
burnedfacelessAsked:
Who is Participating?
 
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.