Tag

container queries

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 9, 2025 · Frontend Development

Understanding CSS Container Queries: Usage, Syntax, and Browser Compatibility

This article explains what CSS container queries are, how they differ from media queries, provides practical code examples and syntax details, and summarizes current browser support on both desktop and mobile platforms, helping developers create adaptable component layouts.

CSScontainer queriesfrontend
0 likes · 9 min read
Understanding CSS Container Queries: Usage, Syntax, and Browser Compatibility
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 8, 2024 · Frontend Development

A Comprehensive Guide to New CSS Features: @scope, @container, Pseudo‑Classes, Nesting, nth‑of, text‑wrap, and Native Popover

This article introduces and demonstrates several emerging CSS capabilities—including native style isolation with @scope, container queries via @container, advanced pseudo‑classes like :has, :where, :is, CSS nesting, the nth‑child of selector, text‑wrap balance/pretty, and the native popover element—providing code examples and usage tips for modern frontend development.

CSSNestingPopover
0 likes · 12 min read
A Comprehensive Guide to New CSS Features: @scope, @container, Pseudo‑Classes, Nesting, nth‑of, text‑wrap, and Native Popover
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jan 9, 2018 · Frontend Development

Master Flexible Overflow: CSS Tricks for Adaptive Text Without JavaScript

This article explores how to create a flexible overflow effect using pure CSS—leveraging flex‑wrap, @supports, and container queries—to display different text snippets based on container size, while providing fallbacks for browsers that lack modern features.

CSSFlexboxcontainer queries
0 likes · 7 min read
Master Flexible Overflow: CSS Tricks for Adaptive Text Without JavaScript