CSS属性resize在Safari中无法正常工作(设置高度时不要收缩)

Question

有什么解决方案可以解决Safari中的收缩问题吗？当设置了高度时，我试图将元素减少到该高度，这样它就不起作用了。

Firefox、Chrome运行良好。。。

div {
background: blue;
width: 300px;
height: 300px;
resize: vertical;
overflow: hidden;
}

<div></div>

Answer 1

我遇到了同样的问题，并在评论中找到了答案：https://css-tricks.com/almanac/properties/r/resize/

添加到您的div:active{ height: 0; }解决了这个问题。

div {
background: blue;
width: 300px;
height: 300px;
resize: vertical;
overflow: hidden;
}
div:active { 
height: 0;
}

<div></div>