The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Media Queries and new resolutions

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #36062

    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?


    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.


    @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.

    sroll down and look at specs:


    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.


    @SgtLegendThis 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.

    Chris Coyier

    What @kevince52 said: A CSS pixel doesn’t necessarily equal a device pixel.

    A 10″ tablet with 2048 device pixels will probably be like 960 CSS pixels (maybe?) and you’ll write your media queries based on CSS pixels (and maybe supplement with pixel density queries).

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.