Skip to content

Commit daab69a

Browse files
committed
[mediaqueries] Add note to device-* about it respecting orientation. Add issue about deprecating device-*.
--HG-- extra : rebase_source : 7e5a19c72e1217edb7bc67e8ecde70f800fbc613
1 parent c23e606 commit daab69a

2 files changed

Lines changed: 33 additions & 2 deletions

File tree

mediaqueries/Overview.html

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1278,7 +1278,7 @@ <h3 class="heading settled heading" data-level=4.5 id=device-width><span class=s
12781278
of the screen. For paged media, this is the width of the page sheet
12791279
size.
12801280

1281-
<p> A specified &lt;length&gt; cannot be negative.
1281+
<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.
12821282

12831283
<div class=example>
12841284
<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
12881288
section.
12891289
</div>
12901290

1291+
<p class=note> Note: If a device can be used in multiple orientations,
1292+
such as portrait and landscape,
1293+
the <a class=property data-link-type=propdesc title=device-*>device-*</a> media features reflect the current orientation.
1294+
1295+
<div class=issue id=issue-e310bdfa><a class=self-link href=#issue-e310bdfa></a>
1296+
We should deprecate the device-* media features.
1297+
They don’t do anything useful,
1298+
and are mostly just abused as a ghetto "phone versus desktop" media type.
1299+
We’ve now defined a number of useful MQs for differentiating devices in useful ways instead.
1300+
</div>
1301+
12911302

12921303

12931304
<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
21572168
I’ve seen aspect ratios written with decimal points in real life.
21582169

21592170
<a href=#issue-2ae5b8ca></a></div><div class=issue>
2171+
We should deprecate the device-* media features.
2172+
They don’t do anything useful,
2173+
and are mostly just abused as a ghetto "phone versus desktop" media type.
2174+
We’ve now defined a number of useful MQs for differentiating devices in useful ways instead.
2175+
<a href=#issue-e310bdfa></a></div>
2176+
2177+
2178+
2179+
<div class=issue>
21602180
Figure out how to make the above work properly for &lt;/&gt; syntax.
21612181
Just translate it over directly?
21622182
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

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -862,7 +862,7 @@ <h3 id="device-width">
862862
of the screen. For paged media, this is the width of the page sheet
863863
size.
864864

865-
A specified &lt;length> cannot be negative.
865+
A specified <<length>> cannot be negative.
866866

867867
<div class="example">
868868
<pre>@media screen and (device-width: 800px) { … }</pre>
@@ -873,6 +873,17 @@ <h3 id="device-width">
873873
section.
874874
</div>
875875

876+
Note: If a device can be used in multiple orientations,
877+
such as portrait and landscape,
878+
the 'device-*' media features reflect the current orientation.
879+
880+
<div class='issue'>
881+
We should deprecate the device-* media features.
882+
They don't do anything useful,
883+
and are mostly just abused as a ghetto "phone versus desktop" media type.
884+
We've now defined a number of useful MQs for differentiating devices in useful ways instead.
885+
</div>
886+
876887

877888

878889
<h3 id="device-height">

0 commit comments

Comments
 (0)