File tree Expand file tree Collapse file tree 1 file changed +18
-0
lines changed Expand file tree Collapse file tree 1 file changed +18
-0
lines changed Original file line number Diff line number Diff line change @@ -200,6 +200,24 @@ Intrinsic Aspect Ratios: the 'aspect-ratio' property</h3>
200200 at least one of these sizes must be ''width/auto'' (/''flex-basis/content'' )
201201 for the <a>preferred aspect ratio</a> to have an impact on sizing.
202202
203+ Additionally, sizing constraints in an axis
204+ (the <var> origin</var> axis)
205+ are transferred through the [=preferred aspect ratio=]
206+ to the other axis (the <var> destination</var> axis)
207+ as follows:
208+
209+ * First, any [=definite=] [=minimum size=] is converted and transferred
210+ from the <var> origin</var> to <var> destination</var> axis.
211+ This transferred minimum is clamped
212+ by any [=definite=] [=preferred size|preferred=] or [=maximum size=]
213+ in the <var> destination</var> axis.
214+ * Then, any [=definite=] [=maximum size=] is converted and transferred
215+ from the <var> origin</var> to <var> destination</var> .
216+ This transferred minimum is floored
217+ by any [=definite=] [=preferred size|preferred=] or [=minimum size=]
218+ in the <var> destination</var> axis
219+ as well as by the transferred minimum, if any.
220+
203221 <div class="example">
204222 This example sets each item in the grid to render as a square,
205223 determining the number of items and their widths by the available space.
You can’t perform that action at this time.
0 commit comments