Design for tablet?
- Started
- Last post
- 5 Responses
- ********
What are the pixel dimensions for the most common tablets?
I thought iPad was 1024x768, but was talking with someone who said it was only 768 wide in either orientation.
http://whatsmy.browsersize.com/ on iPad says it's 980 pixels wide?
- kingsteven0
Sorry that was a bit of a cop out... the screen resolution is twice 1024 x 768 but as whatsmybrowsersize doesn't set the viewport and it's content is 100% width what you're seeing is the default viewport on Safari/ Chrome on iPad (980px)
So, you see the content as you would on a 980px wide browser window on a desktop machine but scaled out to 1536px (portrait) or 2048px (landscape)
You may want to read up on the viewport meta tag... (there are some differences between browsers but mozilla has the best documentation)
https://developer.mozilla.org/en…
or design for 2048 x 1536 (maybe find a psd template with safari address bar) and try to work it later.
- Hombre_Lobo0
What design are you doing?
If you're building a website ideally you should be using em based media queries not pixels.
This references the base font size of the browser on any device. Which means you need not worry about pixels or pixel densitys and will render your site appropriately for pretty much any browser.
The base font size of the browser on any device will be a much better indicator of outputted size than pixels.Here is one of the very few articles out there about it - http://blog.cloudfour.com/the-em…
To my knowledge there is no benefits to using pixels instead of ems for media queries.
- I suppose I'm not talking design I'm talking more web dev, so ignore me if this isn't applicable :)Hombre_Lobo
- totally, i'm assuming with the above post this will be a simple build or going to a developer later...kingsteven
- This is helpful, Hombre!boobs
- ********0
I'm designing a normal website and trying to figure out how it will render on tablets. Thanks guys, confusing stuff.
- vaxorcist0
Are you planning on handing this off to a non-designer / IT department dude? If so be aware that they may not like EM's and demand you change everything back to pixels... and/or they butcher your design with kludged together modifications / tweeks in pixels... while they curse you and tell everyone around that you're an elitist snob effete designer asswipe.... all for using EM's.... . this happened to me once....