From a298e9264debf15c8ab48063c3ce5348ad091c30 Mon Sep 17 00:00:00 2001 From: Jon Jandoc Date: Tue, 12 Jul 2011 14:08:38 -0700 Subject: [PATCH] Use same media query as jQuery Mobile framework css to detect for hi-res displays, and included other vendor prefixes for background-size. --- src/photoswipe.css | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/photoswipe.css b/src/photoswipe.css index a76cbbce4..b196e4bf6 100644 --- a/src/photoswipe.css +++ b/src/photoswipe.css @@ -146,12 +146,17 @@ div.ps-toolbar-play div.ps-toolbar-content background-position: -88px 0; } -/* Hi-res retina display */ -@media only screen and (-webkit-min-device-pixel-ratio: 2) +/* Hi-res display */ +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (min--moz-device-pixel-ratio: 1.5), + only screen and (min-resolution: 240dpi) { div.ps-toolbar div div.ps-toolbar-content { + -moz-background-size: 176px 88px; + -o-background-size: 176px 88px; -webkit-background-size: 176px 88px; + background-size: 176px 88px; background-image: url(photoswipe-icons@2x.png); } } \ No newline at end of file