Skip to content

Commit a4eb66e

Browse files
committed
Merge pull request w3c#97 from progers/specifyPercentage
Specify the text-size-adjust <percentage> value
2 parents 88a8713 + 63f6ba4 commit a4eb66e

2 files changed

Lines changed: 18 additions & 7 deletions

File tree

css-size-adjust/Overview.bs

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ ED: https://drafts.csswg.org/css-size-adjust/
1010
Editor: L. David Baron, Mozilla https://www.mozilla.org/, http://dbaron.org/
1111
Editor: Tantek &Ccedil;elik, Mozilla https://www.mozilla.org/, http://tantek.com/
1212
Abstract: This module contains features of CSS relating to one possible mechanism for adapting pages designed for desktop computer displays for display on smaller screens such as those of mobile phones. This mechanism involves displaying a scaled down display of the Web page and allowing the user to pan and zoom within that display, but within that scaled down display making certain text and similar elements larger than specified by the page author in order to ensure that when a block of wrapped text is zoomed to the width of the device (so it can be read without side-to-side scrolling for each line), the text is large enough to be readable.
13-
Status Text: <p>The following features are at risk:</p> <ul> <li>the &lt;percentage&gt; value for 'text-size-adjust'</li> <li>the reference to [[!CSS-TEXT-4]]&apos;s 'text-wrap' property</li> </ul>
13+
Status Text: <p>The following features are at risk:</p> <ul> <li>the reference to [[!CSS-TEXT-4]]&apos;s 'text-wrap' property</li> </ul>
1414
</pre>
1515

1616
<pre class="link-defaults">
@@ -173,9 +173,14 @@ Size adjustment control: the 'text-size-adjust' property {#adjustment-control}
173173
<dt><dfn>none</dfn></dt>
174174
<dd>Renderers must not do size adjustment when displaying on a small device.</dd>
175175
<dt><dfn>&lt;percentage&gt;</dfn></dt>
176-
<dd><span class="issue">Need to define what percentages actually mean. Are they a minimum or a set value? What exactly are they relative to?</span></dd>
176+
<dd>When displaying on a small device, renderers must not do size adjustment but instead the computed value of 'font-size' must be multiplied by this percentage.
177+
<p class="note">Note: This means that 'text-size-adjust: 100%;' is equivalent to 'text-size-adjust: none;'.</p></dd>
177178
</dl>
178179

180+
Issue: "Small device" is not well defined. We should clearly specify
181+
when text size adjustment should apply. For example, in practice a
182+
large tablet is considered by vendors to be a small device.
183+
179184
Acknowledgments {#acknowledgments}
180185
==================================
181186

css-size-adjust/Overview.html

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@
5252
<div class="head">
5353
<p data-fill-with="logo"><a class="logo" href="http://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/Icons/w3c_home" width="72"> </a> </p>
5454
<h1 class="p-name no-ref" id="title">CSS Mobile Text Size Adjustment Module Level 1</h1>
55-
<h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2016-03-03">3 March 2016</time></span></h2>
55+
<h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2016-03-06">6 March 2016</time></span></h2>
5656
<div data-fill-with="spec-metadata">
5757
<dl>
5858
<dt>This version:
@@ -101,7 +101,6 @@ <h2 class="no-num no-toc no-ref heading settled" id="status"><span class="conten
101101
<p></p>
102102
<p>The following features are at risk:</p>
103103
<ul>
104-
<li>the &lt;percentage> value for <a class="property" data-link-type="propdesc" href="#propdef-text-size-adjust">text-size-adjust</a>
105104
<li>the reference to <a data-link-type="biblio" href="#biblio-css-text-4">[CSS-TEXT-4]</a>'s <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-text-4/#propdef-text-wrap">text-wrap</a> property
106105
</ul>
107106
</div>
@@ -246,7 +245,7 @@ <h2 class="heading settled" data-level="3" id="adjustment-control"><span class="
246245
<tbody>
247246
<tr>
248247
<th>Name:
249-
<td><dfn class="dfn-paneled css" data-dfn-type="property" data-export="" data-lt="text-size-adjust" id="propdef-text-size-adjust">text-size-adjust<span class="dfn-panel"><b><a href="#propdef-text-size-adjust">#propdef-text-size-adjust</a></b><b>Referenced in:</b><span><a href="#ref-for-propdef-text-size-adjust-1">2. Default size adjustment</a></span><span><a href="#ref-for-propdef-text-size-adjust-2">3. Size adjustment control: the text-size-adjust property</a></span></span></dfn>
248+
<td><dfn class="dfn-paneled css" data-dfn-type="property" data-export="" data-lt="text-size-adjust" id="propdef-text-size-adjust">text-size-adjust<span class="dfn-panel" data-deco=""><b><a href="#propdef-text-size-adjust">#propdef-text-size-adjust</a></b><b>Referenced in:</b><span><a href="#ref-for-propdef-text-size-adjust-1">2. Default size adjustment</a></span><span><a href="#ref-for-propdef-text-size-adjust-2">3. Size adjustment control: the text-size-adjust property</a></span></span></dfn>
250249
<tr class="value">
251250
<th>Value:
252251
<td class="prod">auto <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#comb-one">|</a> none <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#comb-one">|</a> &lt;percentage>
@@ -281,8 +280,13 @@ <h2 class="heading settled" data-level="3" id="adjustment-control"><span class="
281280
<dt><dfn class="css" data-dfn-for="text-size-adjust" data-dfn-type="value" data-export="" id="valdef-text-size-adjust-none">none<a class="self-link" href="#valdef-text-size-adjust-none"></a></dfn>
282281
<dd>Renderers must not do size adjustment when displaying on a small device.
283282
<dt><dfn class="css" data-dfn-for="text-size-adjust" data-dfn-type="value" data-export="" id="valdef-text-size-adjust-percentage">&lt;percentage><a class="self-link" href="#valdef-text-size-adjust-percentage"></a></dfn>
284-
<dd><span class="issue" id="issue-3563c84d"><a class="self-link" href="#issue-3563c84d"></a>Need to define what percentages actually mean. Are they a minimum or a set value? What exactly are they relative to?</span>
283+
<dd>
284+
When displaying on a small device, renderers must not do size adjustment but instead the computed value of <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-fonts-3/#propdef-font-size">font-size</a> must be multiplied by this percentage.
285+
<p class="note" role="note">Note: This means that 'text-size-adjust: 100%;' is equivalent to 'text-size-adjust: none;'.</p>
285286
</dl>
287+
<p class="issue" id="issue-0028bf4a"><a class="self-link" href="#issue-0028bf4a"></a> "Small device" is not well defined. We should clearly specify
288+
when text size adjustment should apply. For example, in practice a
289+
large tablet is considered by vendors to be a small device.</p>
286290
<h2 class="heading settled" data-level="4" id="acknowledgments"><span class="secno">4. </span><span class="content">Acknowledgments</span><a class="self-link" href="#acknowledgments"></a></h2>
287291
<p>The editors would like to thank:
288292
.</p>
@@ -479,7 +483,9 @@ <h2 class="no-num no-ref heading settled" id="issues-index"><span class="content
479483
innovation and improvement.<a href="#issue-7ada1e3c"></a></div>
480484
<div class="issue">Define
481485
this with more detail/precision.<a href="#issue-499161e9"></a></div>
482-
<div class="issue">Need to define what percentages actually mean. Are they a minimum or a set value? What exactly are they relative to?<a href="#issue-3563c84d"></a></div>
486+
<div class="issue"> "Small device" is not well defined. We should clearly specify
487+
when text size adjustment should apply. For example, in practice a
488+
large tablet is considered by vendors to be a small device.<a href="#issue-0028bf4a"></a></div>
483489
</div>
484490
<script>
485491
document.body.addEventListener("click", function(e) {

0 commit comments

Comments
 (0)