Solved

Force all tablets to display in landscape mode

Posted on 2013-11-30
3
213 Views
Last Modified: 2013-11-30
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
Comment
Question by:burnedfaceless
  • 2
3 Comments
 
LVL 13

Accepted Solution

by:
duncanb7 earned 500 total points
ID: 39687619
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
 

Author Closing Comment

by:burnedfaceless
ID: 39687689
Got it working
0
 
LVL 13

Expert Comment

by:duncanb7
ID: 39687691
Thanks for your pt.


Have a nice day

Duncan
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Target h5 of a div 3 22
How to make footer stick to bottom 9 36
Override MS CSS in SharePoint Online Modal Form 19 45
2 separate CSS animations 2 17
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

860 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question