- From: James Craig via GitHub <sysbot+gh@w3.org>
- Date: Tue, 21 Dec 2021 01:38:51 +0000
- To: public-css-archive@w3.org
Teasing apart the demo, the problematic lines of CSS are these:
```css
html {
font-size: min( 120%, 5vw ); /* Scale down to avoid reflow errors on small screens */
}
h1, .product-price {
font-size: max(1.25rem, 12qi - 1rem);
}
```
Effectively the use of `12qi` _minus_ `1rem` is the core problem. The `rem` increases as the font grows "larger" with Cmd+, so when used as a subtractive value, the rendered font gets smaller (for the first several steps) until `1.5rem` becomes the larger `max()`, and the rendered font grows larger again.
--
GitHub Notification of comment by cookiecrook
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6869#issuecomment-998398918 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 21 December 2021 01:38:53 UTC