mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
296fa2512b
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180. - Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
178 lines
No EOL
6.5 KiB
HTML
178 lines
No EOL
6.5 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>Units - Media Queries Level 3 Conformance Test Suite</title>
|
|
<style type="text/css">
|
|
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
|
@import "../indices.css";
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>Media Queries Level 3 Conformance Test Suite</h1>
|
|
<h2>Units (8 tests)</h2>
|
|
<table width="100%">
|
|
<col id="test-column"></col>
|
|
<col id="refs-column"></col>
|
|
<col id="flags-column"></col>
|
|
<col id="info-column"></col>
|
|
<thead>
|
|
<tr>
|
|
<th>Test</th>
|
|
<th><abbr title="Rendering References">Refs</abbr></th>
|
|
<th>Flags</th>
|
|
<th>Info</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="s6">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s6">+</a>
|
|
<a href="https://www.w3.org/TR/css3-mediaqueries/#units">6 Units</a></th></tr>
|
|
<!-- 8 tests -->
|
|
<tr id="mq-calc-002-6" class="">
|
|
<td>
|
|
<a href="mq-calc-002.xht">mq-calc-002</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td></td>
|
|
<td>evaluation of em in calc in Media Queries
|
|
<ul class="assert">
|
|
<li>The size in pixels of the 'em' unit used in calc inside a media query does not depend on declarations and use the initial value.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="mq-calc-003-6" class="">
|
|
<td>
|
|
<a href="mq-calc-003.xht">mq-calc-003</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td></td>
|
|
<td>evaluation of ex in calc in Media Queries
|
|
<ul class="assert">
|
|
<li>The size in pixels of the 'ex' unit used in calc inside a media query does not depend on declarations and use the initial value.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="mq-calc-004-6" class="">
|
|
<td>
|
|
<a href="mq-calc-004.xht">mq-calc-004</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td></td>
|
|
<td>evaluation of ch in calc in Media Queries
|
|
<ul class="assert">
|
|
<li>The size in pixels of the 'ch' unit used in calc inside a media query does not depend on declarations and use the initial value.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="mq-calc-005-6" class="">
|
|
<td>
|
|
<a href="mq-calc-005.xht">mq-calc-005</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td></td>
|
|
<td>evaluation of rem in calc in Media Queries
|
|
<ul class="assert">
|
|
<li>The size in pixels of the 'rem' unit used in calc inside a media query does not depend on declarations and use the initial value.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="relative-units-001-6" class="primary">
|
|
<td><strong>
|
|
<a href="relative-units-001.xht">relative-units-001</a></strong></td>
|
|
<td><a href="reference/ref-green-body.xht">=</a> </td>
|
|
<td></td>
|
|
<td>Font-relative length units (rem) in width media queries
|
|
<ul class="assert">
|
|
<li>Font-relative length units (such as 'rem') in media queries should be calculated based on the initial value of 'font-size', not based on author style declarations, such as: html { font-size: 200%; }</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="relative-units-002-6" class="primary">
|
|
<td><strong>
|
|
<a href="relative-units-002.xht">relative-units-002</a></strong></td>
|
|
<td><a href="reference/ref-green-body.xht">=</a> </td>
|
|
<td></td>
|
|
<td>Font-relative length units (em) in width media queries
|
|
<ul class="assert">
|
|
<li>Font-relative length units (such as 'em') in media queries should be calculated based on the initial value of 'font-size', not based on author style declarations, such as: html { font-size: 200%; }</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="relative-units-003-6" class="primary">
|
|
<td><strong>
|
|
<a href="relative-units-003.xht">relative-units-003</a></strong></td>
|
|
<td><a href="reference/ref-green-body.xht">=</a> </td>
|
|
<td></td>
|
|
<td>Font-relative length units (ex) in width media queries
|
|
<ul class="assert">
|
|
<li>Font-relative length units (such as 'ex') in media queries should be calculated based on the initial value of 'font-size', not based on author style declarations, such as: html { font-size: 200%; }</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="relative-units-004-6" class="primary">
|
|
<td><strong>
|
|
<a href="relative-units-004.xht">relative-units-004</a></strong></td>
|
|
<td><a href="reference/ref-green-body.xht">=</a> </td>
|
|
<td></td>
|
|
<td>Font-relative length units (ch) in width media queries
|
|
<ul class="assert">
|
|
<li>Font-relative length units (such as 'ch') in media queries should be calculated based on the initial value of 'font-size', not based on author style declarations, such as: html { font-size: 200%; }</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s6.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s6.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-mediaqueries/#resolution0">6.1 Resolution</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#abstract">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#acknowledgments">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#contents">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#media-queries">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#references">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#status">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s.#w3c-working">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="snormative-references.#CSS21">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="sother-references.#HTML401">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="sother-references.#HTML5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="sother-references.#RFC2531">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="sother-references.#XMLSTYLE">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="sreferences.#normative-references">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="sreferences.#other-references">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="sstatus.#changes">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |