Forums

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
    Posts
  • #36062
    kevince52
    Member

    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?

    #94455
    SgtLegend
    Member

    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.

    #94457
    davidlab.be
    Participant

    @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:
    http://store.sony.com/webapp/wcs/stores/servlet/SYCTOProcess?catalogId=10551&storeId=10151&langId=-1&LBomId=8198552921666376734&categoryId=8198552921644570897

    #94459
    SgtLegend
    Member

    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.

    #94462
    kevince52
    Member

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

    #94495
    Chris Coyier
    Keymaster

    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.