容器查询与多栏控件等比缩放 (CSS Container Queries & Proportional Responsive Scaling)
1. 核心概念与背景在现代桌面多栏(Multi-Rail/Multi-Column)可拖拽分栏布局中,各列的宽度由用户拖拽分隔条(Resizer)实时决定,而不是取决于浏览器的全屏视口宽度。媒体查询 (Media Queries, @media) 的局限:@media (max-width: ...) 只能感知 window.innerWidth(浏览器视口总宽)。当用户在一个 1920px 宽的