更好的解决方案是使用：用途：active pseudo class例如：

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

字符串
示例：http://jsfiddle.net/kronenbear/v4Lq5o09/1/

使用这个示例作为参考，我能够将初始大小设置为等于div的宽度和高度，并将min-height和min-width设置为Chrome中允许的最小尺寸。

#foo {
      resize: both;
      overflow: scroll;
      width: 300px;
      height: 300px;
      min-width: 50px;
      min-height: 70px;
    }
    div {
      background-color: #acacac;
      border: 1px solid #000;
    }

个字符

有一个小的变通办法，我发现here，但它确实工作。
悬停时，将高度和宽度更改为1px

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

字符串
这听起来像是会引起轻微的“闪光”，因为宽度和高度都在急剧变化，但.这是一个黑客。

我已经尝试了几个小时，但不能使它比黑客更好地工作，如果我可以触发userresize我会很高兴将Chrome的宽度设置为最小宽度，然后触发调整大小，把它放在我想要的地方，因为似乎你可以移动后将其移回原始位置.但我不知道如何.