[mediaqueries] Add note to device-* about it respecting orientation. Add issue about deprecating device-*.

--HG--
extra : rebase_source : 7e5a19c72e1217edb7bc67e8ecde70f800fbc613

Author: tabatkins

mediaqueries/Overview.html

@@ -1278,7 +1278,7 @@ <h3 class="heading settled heading" data-level=4.5 id=device-width><span class=s
 	of the screen. For paged media, this is the width of the page sheet
 	size.
 
-<p>	A specified &lt;length&gt; cannot be negative.
+<p>	A specified <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a> cannot be negative.
 
 	<div class=example>
 <pre>@media screen and (device-width: 800px) { … }</pre>
@@ -1288,6 +1288,17 @@ <h3 class="heading settled heading" data-level=4.5 id=device-width><span class=s
 		section.
 	</div>
 
+<p class=note>	Note: If a device can be used in multiple orientations,
+	such as portrait and landscape,
+	the <a class=property data-link-type=propdesc title=device-*>device-*</a> media features reflect the current orientation.
+
+	<div class=issue id=issue-e310bdfa><a class=self-link href=#issue-e310bdfa></a>
+		We should deprecate the device-* media features.
+		They don’t do anything useful,
+		and are mostly just abused as a ghetto "phone versus desktop" media type.
+		We’ve now defined a number of useful MQs for differentiating devices in useful ways instead.
+	</div> 
+
 
 
 <h3 class="heading settled heading" data-level=4.6 id=device-height><span class=secno>4.6 </span><span class=content>
@@ -2157,6 +2168,15 @@ <h2 class="no-num heading settled" id=issues-index><span class=content>Issues In
 		I’ve seen aspect ratios written with decimal points in real life.
 
 <a href=#issue-2ae5b8ca> ↵ </a></div><div class=issue>
+		We should deprecate the device-* media features.
+		They don’t do anything useful,
+		and are mostly just abused as a ghetto "phone versus desktop" media type.
+		We’ve now defined a number of useful MQs for differentiating devices in useful ways instead.
+	<a href=#issue-e310bdfa> ↵ </a></div> 
+
+
+
+<div class=issue>
 		Figure out how to make the above work properly for &lt;/&gt; syntax.
 		Just translate it over directly?
 		That prevents you from doing a "less than/greater than" dichotomy without using <a class=css data-link-type=maybe href=#valuedef-not title=not>not</a>.

mediaqueries/Overview.src.html

@@ -862,7 +862,7 @@ <h3 id="device-width">
 	of the screen. For paged media, this is the width of the page sheet
 	size.
 
-	A specified &lt;length> cannot be negative.
+	A specified <<length>> cannot be negative.
 
 	<div class="example">
 		<pre>@media screen and (device-width: 800px) { … }</pre>
@@ -873,6 +873,17 @@ <h3 id="device-width">
 		section.
 	</div>
 
+	Note: If a device can be used in multiple orientations,
+	such as portrait and landscape,
+	the 'device-*' media features reflect the current orientation.
+
+	<div class='issue'>
+		We should deprecate the device-* media features.
+		They don't do anything useful,
+		and are mostly just abused as a ghetto "phone versus desktop" media type.
+		We've now defined a number of useful MQs for differentiating devices in useful ways instead.
+	</div> 
+
 
 
 <h3 id="device-height">