Merge pull request #52 from jjandoc/patch-1

Use same media query as jQuery Mobile framework css to detect for hi-res
dimsemenov · Jul 13, 2011 · 2e48121 · 2e48121
2 parents 7e7f7f8 + a298e92
commit 2e48121
Showing 1 changed file with 7 additions and 2 deletions.
diff --git 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 */
+/* Hi-res display */
-@media only screen and (-webkit-min-device-pixel-ratio: 2)
+@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);
 	}
 }