Css 调整最小宽度

Question

我想使用 resize css 属性使 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

更好的解决方案是使用 :active 伪类，例如:

div:active {
  height: 0;
  width: 0;
}

示例:http://jsfiddle.net/kronenbear/v4Lq5o09/1/