@@ -422,7 +422,9 @@ Min/Max Size Transfers</h3>
422
422
Sizing constraints in either axis
423
423
(the <var> origin</var> axis)
424
424
are transferred through the [=preferred aspect ratio=]
425
- to the other axis (the <var> destination</var> axis)
425
+ and applied to any [=indefinite=]
426
+ [=minimum size|minimum=] , [=maximum size|maximum=] , or [=preferred size|preferred=] size
427
+ in the other axis (the <var> destination</var> axis)
426
428
as follows:
427
429
428
430
* First, any [=definite=] [=minimum size=] is converted and transferred
@@ -437,11 +439,16 @@ Min/Max Size Transfers</h3>
437
439
in the <var> destination</var> axis
438
440
as well as by the transferred minimum, if any.
439
441
442
+ Note: Thus, any definite sizes are completely unaffected by a transferred constraint;
443
+ and a transferred minimum will never cause an element to exceed a definite preferred/maximum size,
444
+ nor will a transferred maximum cause an element to violate its preferred/minimum size.
445
+
440
446
Note: The basic principle is that sizing constraints
441
447
transfer through the aspect-ratio to the other side
442
448
to preserve the aspect ratio to the extent that they can
443
449
without violating any sizes specified explicitly on that affected axis.
444
- <!-- This is the principle that drove the contents of the table in CSS2 Section 10.4. -->
450
+ (This is the principle that drove the contents of
451
+ the <a href="https://www.w3.org/TR/CSS2/visudet.html#min-max-widths">constraint table in CSS2 Section 10.4</a> .)
445
452
446
453
<div class="example">
447
454
In the following example:
0 commit comments