使用resize属性调整尺寸时，纯CSS能否维持正方形宽高比？

存在纯CSS解决方案，通过aspect-ratio属性就能在使用resize调整元素尺寸时维持正方形宽高比。

有效代码示例 #

div {
  width: 100px;
  aspect-ratio: 1/1; /* 核心属性，强制宽高比为1:1 */
  overflow: hidden; /* 使resize属性生效的必要条件 */
  resize: horizontal;
  background: #ccc;
}

<div>调整尺寸时保持正方形</div>

关于之前尝试方法无效的原因 #

如果仅设置resize: horizontal和固定高度，横向调整宽度时高度不会同步变化，自然无法维持正方形比例。而aspect-ratio属性会强制元素的宽高始终保持设定比例，无论通过resize还是其他方式改变尺寸。

补充说明：经@TemaniAfif提醒，上述代码可正常生效，因无法自行标记帖子已解决，烦请帮忙标记。

内容的提问来源于stack exchange，提问作者falynx