Skip to content

Conversation

@thedb
Copy link

@thedb thedb commented May 1, 2025

  • Use '@support' to detect whether '@container' attribute is supported on browser, and ensure it can be rolled back to the media query
  • Update test cases

thedb added 2 commits May 1, 2025 21:03
…on browser, and ensure it can be rolled back to the media query
@thedb
Copy link
Author

thedb commented May 1, 2025

Since @container is still a new css property (Since 2023), I think it can use @support (Since 2015) for rollback processing

@thedb thedb changed the title Feature/fallback to meadia query Feature/fallback to media query May 2, 2025
@thedb thedb changed the title Feature/fallback to media query Feature/Rollback to media query May 2, 2025
@thedb thedb changed the title Feature/Rollback to media query Feat: Allow @container to roll back to media query May 5, 2025
@thecrypticace
Copy link
Contributor

thecrypticace commented Jul 18, 2025

Container queries generally enable more a granular-level of responsiveness and because of this they're often sized quite differently. Having these fallback to media queries, esp of the same size, doesn't make much sense as the breakpoint values you'd need to use if it even made sense could end up being quite different. I'd suggest just writing media query utilities alongside the container query utilities if a fallback is appropriate.

Appreciate it though 👍

@thedb
Copy link
Author

thedb commented Jul 25, 2025

Container queries generally enable more a granular-level of responsiveness and because of this they're often sized quite differently. Having these fallback to media queries, esp of the same size, doesn't make much sense as the breakpoint values you'd need to use if it even made sense could end up being quite different. I'd suggest just writing media query utilities alongside the container query utilities if a fallback is appropriate.

Appreciate it though 👍

Appreciate it for your reply,
What I am considering is since this plugin is already used, it is also necessary to design appropriate redundancy, so that when developers neglect and forget to adapt to old browsers, there will be a fallback solution.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants