Css调整最小宽度

Question

我想用resizecss属性调整div :

#foo{
    overflow:hidden;
    resize:both;
}

我可以用firefox自由调整大小.

使用chrome/safari我无法将其调整为小于初始大小.

他们是一种允许使用webkit调整大小的方法吗？(min-width/ min-height不起作用)

请参阅MDN的实时示例(带有2个嵌套的div) https://developer.mozilla.org/samples/cssref/resize.html

Answer 1

我在这里找到了一个小解决方法，但它确实有效。

悬停时，将高度和宽度更改为1px

#foo:hover{
    width: 1px;
    height: 1px;
}

听起来这会导致轻微的“闪光”，因为宽度和高度会发生巨大的变化，但是......这是一个黑客。