W3C home > Mailing lists > Public > public-css-commits@w3.org > February 2012

csswg/css3-images Overview.html,1.277,1.278 Overview.src.html,1.287,1.288

From: Elika Etemad via cvs-syncmail <cvsmail@w3.org>
Date: Mon, 06 Feb 2012 13:57:49 +0000
To: public-css-commits@w3.org
Message-Id: <E1RuP4n-0001Jc-CW@lionel-hutz.w3.org>
Update of /sources/public/csswg/css3-images
In directory hutz:/tmp/cvs-serv5032

Modified Files:
	Overview.html Overview.src.html 
Log Message:
Add dppx example so people can see its use (instead of -foo-device-pixel-ratio)

Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.html,v
retrieving revision 1.277
retrieving revision 1.278
diff -u -d -r1.277 -r1.278
--- Overview.html	6 Feb 2012 10:58:17 -0000	1.277
+++ Overview.html	6 Feb 2012 13:57:47 -0000	1.278
@@ -393,8 +393,16 @@
    class=css>96dpi</code>&rsquo;. This corresponds to the default resolution
    of images displayed in CSS: see &lsquo;<a href="#image-resolution0"><code
    class=property>image-resolution</code></a>&rsquo;.
-   <!-- ====================================================================== -->
-   
+
+  <div class=example>
+   <p>The following @media rule uses Media Queries <a href="#MEDIAQ"
+    rel=biblioentry>[MEDIAQ]<!--{{MEDIAQ}}--></a> to assign some special
+    style rules to devices that use two or more device pixels per CSS
+    &lsquo;<code class=css>px</code>&rsquo; unit:
+
+   <pre>@media (min-resolution: 2dppx) { ... }</pre>
+  </div>
+  <!-- ====================================================================== -->
 
   <h2 id=image><span class=secno>3. </span> Image Values: the &lt;image> type</h2>
 

Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.src.html,v
retrieving revision 1.287
retrieving revision 1.288
diff -u -d -r1.287 -r1.288
--- Overview.src.html	6 Feb 2012 10:58:17 -0000	1.287
+++ Overview.src.html	6 Feb 2012 13:57:47 -0000	1.288
@@ -146,6 +146,13 @@
 	CSS ''px'', ''1dppx'' is equivalent to ''96dpi''. This corresponds to
 	the default resolution of images displayed in CSS: see 'image-resolution'.
 
+	<div class="example">
+		<p>The following @media rule uses Media Queries [[MEDIAQ]] to assign
+		some special style rules to devices that use two or more device pixels
+		per CSS ''px'' unit:
+		<pre>@media (min-resolution: 2dppx) { ... }</pre>
+	</div>
+
 <!-- ====================================================================== -->
 
 <h2 id="image">
Received on Monday, 6 February 2012 14:00:59 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 6 January 2015 20:44:50 UTC