[webkit-dev] Double-Resolution (Retina) Images - Re: -webkit-image-set

Maciej Stachowiak mjs at apple.com
Mon Apr 23 23:30:36 PDT 2012

It would be more readable to use:

@media screen and (min-device-pixel-ratio: 2) { … }

The -webkit-image-set proposal explains why it is a useful shorthand despite the existing device pixel ratio option.


On Apr 23, 2012, at 11:11 PM, Eric Seidel wrote:

> Assuming I'm understanding Kalle correctly, it seems this could
> already be accomplished with @media resolution?
> http://www.w3.org/TR/css3-mediaqueries/#resolution
> @media screen and (min-resolution: 264dpi) { … }
> Which according to:
> http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density
> Would match both the new iPad and the iPhone 4.
> I don't know if webkit supports "resolution" in media queries yet?
> On Mon, Apr 23, 2012 at 9:28 PM, Kalle Vahlman <kalle.vahlman at gmail.com> wrote:
>> 2012/4/24 Tom Penzer <tpenzer at mailcan.com>:
>>> Hi Everybody!
>>>        As a first-time poster, I am sorry ahead of time for any lapses in
>>> etiquette. I am seeking feedback for my (hopefully relatively painless in
>>> practice compared to the alternatives - i.e. -webkit-image-set and html5
>>> <image>) proposal to solve the problem of 2x-res (double-resolution) images
>>> with our current HTML and CSS standards for devices with high-resolution
>>> displays, such as 3rd Generation iPads and 4th generation iPhones and newer.
>> This seems like a perfect use-case for the @media rule of CSS, does it not?
>> It's obviously not up-to-date in its definition (eg. handheld devices
>> are not "typically small screen, limited bandwidth" anymore), but on
>> the other hand it allows undefined types as well so nothing prevents
>> implementers to extend it beforehand (like is done with most CSS
>> properties anyway).
>> --
>> Kalle Vahlman, zuh at iki.fi
>> Powered by http://movial.com
>> Interesting stuff at http://sandbox.movial.com
>> _______________________________________________
>> webkit-dev mailing list
>> webkit-dev at lists.webkit.org
>> http://lists.webkit.org/mailman/listinfo.cgi/webkit-dev
> _______________________________________________
> webkit-dev mailing list
> webkit-dev at lists.webkit.org
> http://lists.webkit.org/mailman/listinfo.cgi/webkit-dev

More information about the webkit-dev mailing list