我希望使用媒体查询来根据包含它们的 div 元素的大小调整元素的大小。由于该 div 只是网页中的一个小部件，其大小可能会有所变化，因此我无法使用屏幕大小。

我正在尝试使用container-type属性来设置一个容器查询，当容器达到一定高度时，它将改变子元素的对齐方式。 .snackbar { display: flex; align-items: center; justify-content: space-between; ...

我想在现代Safari/Chrome浏览器中使用新的CSS容器查询（Safari 16.3，Google Chrome 113.0）。 但是基于高度的容器查询没有像预期那样工作。 期望结果：一旦外部容器变为蓝色（屏幕高度500px或以下），我希望粉色正方形（500px容器的50vh）变为红...