- This topic is empty.
January 11, 2012 at 2:40 pm #36062kevince52Member
I’m working on some new sites and am building in media queries for responsive design. There has been talk for a few months now about new high resolution (2048 x 1536) tablets and laptops on the way. These screens are relatively small like 9.7″ but higher res than my 24″ displays. I’d still like my sites to react to the physical size of these news tablets. Anyone have any idea how this will shake out?January 12, 2012 at 6:14 am #94455SgtLegendMember
There is no way that resolution would even be possible on a tablet or laptop as it’s too many pixels for such a small screen, may i ask where you heard about this as it sounds like a big hipe for a site rating.January 12, 2012 at 6:32 am #94457davidlab.beParticipant
@SgtLegend…it is very possible. Sony has made a laptop for years called the Z that offers res at (1920 x 1080) on a 13″ display. So (2048 x 1536) is possible.January 12, 2012 at 7:05 am #94459SgtLegendMember
The display would have to be using retina technology as with a standard tablet you wouldn’t be able to even read the text on 1920×1080 where as retina allows a much higher resolution but keeps the font size at a readable level but in reality the resolution is only half the size.January 12, 2012 at 7:55 am #94462kevince52Member
@SgtLegend – This is just one link. I think if you google “iPad 3 display specs” you’ll probably find lots of references. Same thing with “Retina display macbook air” In that case they’re talking about 2880 x 1800.
I think I found my answer. A CSS pixel doesn’t necessarily equal a device pixel. Webkit on the iPhone “pixel-Doubles” This is a good explanation.
I have not tried: -webkit-min-device-pixel-ratio: 2 to target retina displays. I will though.January 12, 2012 at 6:27 pm #94495
- The forum ‘CSS’ is closed to new topics and replies.