我希望使用媒体查询来根据包含它们的 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)变为红...