- From: Ian Kilpatrick via GitHub <sysbot+gh@w3.org>
- Date: Wed, 16 Jun 2021 15:57:42 +0000
- To: public-css-archive@w3.org
| Type | length | percentage | everythingelse |
|---------------|--------------|-------------|----------|
|min-inline-size | length | zero | zero |
|min-block-size | length | resolves if definite | zero |
Example 1:
```
<!DOCTYPE html>
<div style="width: 0; line-height: 0;">
<div style="float: left; background: green;">
<canvas width=1 height=1 style="min-width: 50px; min-height: 100px; width: 100%;"></canvas>
</div>
</div>
```
In the above case would result in 100x100 green square. The `min-height` transfers through the 1:1 aspect-ratio to be a transferred min-width of 100.
Example 2:
```
<!DOCTYPE html>
<div style="width: 0;">
<div style="float: left; background: green; height: 100px">
<canvas width=1 height=1 style="min-width: 50px; min-height: 100%; width: 100%;"></canvas>
</div>
</div>
```
In the above case would result in a 100x100 green square. The `min-height` can resolve and transfers through the aspect-ratio. (The height here resolves *if possible* similar to a "height: 100%;" [1]).
Example 3:
```
<!DOCTYPE html>
<div style="width: 0;">
<div style="float: left; background: green; height: auto;">
<canvas width=1 height=1 style="min-width: 50px; min-height: 100%; width: 100%;"></canvas>
</div>
</div>
```
The above example cannot resolve the %-min-block-size. Resulting in 50x50.
Example 4:
```
<!DOCTYPE html>
<div style="width: 0;">
<div style="float: left; background: green; height: auto;">
<canvas width=1 height=1 style="min-width: min-content; width: 100%;"></canvas>
</div>
</div>
```
Similar to today `min-content`, `max-content` etc will resolve to "zero".
[1]
```
<!DOCTYPE html>
<div style="width: 0;">
<div style="float: left; background: green; height: 100px">
<canvas width=1 height=1 style="min-width: 50px; height: 100%;"></canvas>
</div>
</div>
```
--
GitHub Notification of comment by bfgeek
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6341#issuecomment-862501623 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 16 June 2021 15:58:02 UTC