Re: [csswg-drafts] [css-env][css-conditional] Need an approach to check whether an environment variable is supported (#3576)

@emilio , if a site currently relies on browser heuristics for text scaling and wants to switch to their own sizes based on `env(preferred-text-scale)`, they need to first disable the existing heuristics, and then apply their new styles. For example:
```
  :root {
    @suports(env(preferred-text-scale)) {
      /* disable existing browser heuristics */
      text-size-adjust: none;

      /* opt-in to use the preferred text scale */
      font-size: calc(100% * env(preferred-text-scale));
    }
  }
```

In practice, I think sites will need to apply little tweaks here and there. An example is just removing their existing workarounds for buggy text scaling heuristics:
```
  .some-element {
    @suports not (env(preferred-text-scale)) {
      /* workaround for chrome autosizing bug # 33124 */
      line-height: 42px;
    }
  }
```


-- 
GitHub Notification of comment by progers
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3576#issuecomment-2881719874 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 14 May 2025 22:20:11 UTC